charset "UTF-8";
/*-----------------------------------------------
_ Default Style Clear
-----------------------------------------------*/
article#liveSeminars h1,
article#liveSeminars h2,
article#liveSeminars h3,
article#liveSeminars h4,
article#liveSeminars h5,
article#liveSeminars h6,
article#liveSeminars p,
article#liveSeminars dl,
article#liveSeminars dt,
article#liveSeminars dd,
article#liveSeminars ul,
article#liveSeminars li {
    border: 0;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
    word-spacing: 1px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    font-family: "lucida grande",Calibri,"Helvetica Neue",Helvetica,Geneva,tahoma,verdana,arial, Meiryo,'MS PGothic','NanumGothic','AppleGothic','Malgun Gothic','Dotum Regular','Hiragino Kaku Gothic Pro', sans-serif;
}
:focus {
    outline: 0
}
article#liveSeminars a:link {
    text-decoration: none
}
article#liveSeminars a:hover {
    color: #c86f59
}
article#liveSeminars img {
    border: none;
    text-decoration: none;
}
article#liveSeminars ul,
article#liveSeminars li {
    list-style-type: none
}
article#liveSeminars {
    position: relative;
    /* display: inline-block; */
    z-index: 1;
}
article#liveSeminars::after {
    content: "";
    display: block;
    clear: both;
}
/*-----------------------------------------------
_ social
-----------------------------------------------*/
div.fb-like {
    position: relative;
    top: 0;
    left: -30px;
}
span.g {
    position: relative;
    top: -3px;
    left: -30px;
}
div.social {
    position: absolute;
    top: 8px;
    right: -45px;
}
/* Border radius */
.radius10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.radius6 {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
article#liveSeminars {
    color: #5b4a36;
    background-color: #fff;
    margin: 20px auto;
    background-image: url(../images/bg_img.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0 20px;
    width: 940px;
    z-index: 1;
}
article#liveSeminars em {
    font-weight: bold;
    font-style: normal;
}
/*-----------------------------------------------
_ header
-----------------------------------------------*/
article#liveSeminars div.header {
    margin: 10px auto 0;
    box-shadow: none;
    border: none;
    position: relative;
}
article#liveSeminars div.header h1 {
    position: relative;
    font-size: 1.7em;
    margin: 23px 0 0 0;
}
article#liveSeminars div.header h1 span {
    position: absolute;
    top: 4px;
    left: 215px;
    color: #666;
}
article#liveSeminars div.header h1 img {

}
article#liveSeminars div.header p img {
    position: absolute;
    top: 0;
    right: 25px;
}
/*-----------------------------------------------
_ article#liveSeminars section.seminar
-----------------------------------------------*/
article#liveSeminars section.seminar {
    width: 558px;
    margin: 0 0 31px;
}
/*---------- article#liveSeminars section.seminar scheda_wrap-------------*/
article#liveSeminars section.seminar div.scheda_wrap {
    background-image: url(../images/bg_line.png);
    padding: 12px 0 0 0;
    position: relative;
    width: 497px;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda {
    padding: 14px 10px 10px;
    background-color: #f1ead4;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda h1 {
    color: #e17311;
    font-size: 3.6em;
    letter-spacing: -1px;
    text-shadow: 0 1px 1px #fff;
    margin: 0px 0 0 -20px;
    line-height: 1.4;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda h1 span {
    font-size: 41%;
    display: block;
    margin: 0 0 0 290px;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda p.date {
    padding: 1px 15px;
    text-shadow: 0 1px 1px #fff;
    font-size: 1.4em;
    color: #000;
    background-color: #efcc52;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 23px;
    left: 15px;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda p.circle {
    background-color: #efcc52;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: #993300;
    text-shadow: 0 1px 1px #fff;
    position: absolute;
    top: 5px;
    right: -44px;
    width: 60px;
    height: 56px;
    padding: 8px 5px;
    text-align: center;
    font-size: 1.15em;
    font-weight: bold;
    line-height: 1.2;
    box-shadow: 0 1px 1px #888;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda p.circle_compl {
    background-color: #efcc52;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: #993300;
    text-shadow: 0 1px 1px #fff;
    position: absolute;
    top: 5px;
    right: -44px;
	width: 60px;
	height: 47px;
	padding: 23px 5px 0;
	text-align: center;
	font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2;
    box-shadow: 0 1px 1px #888;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda ul {
    margin: 4px 0
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda ul li {
    display: inline-block;
    margin: 0 13px;
    font-size: 1em;
    vertical-align: top;
    text-align: center;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda ul li span {
    display: block;
    margin: 7px 0 0 0;
    line-height: 1;
}
article#liveSeminars section.seminar div.scheda_wrap div.scheda ul li img {
    /* display: block; */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    width: 42px;
    vertical-align: top;
    border: 4px solid #fff;
}
/*------------- article#liveSeminars section.seminar contents---------------*/
article#liveSeminars section.seminar h2 {
    color: #003366;
    margin: 34px 0 15px 0;
    font-size: 1.6em;
}
article#liveSeminars section.seminar p.col1 {
    float: right;
    margin: 0 99px 0 0;
    width: 254px;
    line-height: 1.8;
    font-size: 1.1em;
}
article#liveSeminars section.seminar p.col2 {
    float: left;
    line-height: 1.8;
    font-size: 1.1em;
    margin: 13px 0 0 0;
}
article#liveSeminars section.seminar p.col3 {
    clear: both;
    margin: 0;
}
article#liveSeminars section.seminar p em {
    color: #e77d0c;
    font-weight: normal;
    font-size: 1.4em;
    line-height: 3;
}
article#liveSeminars section.seminar figure {
    width: 170px;
    margin: 20px 35px 5px 0;
    float: left;
}
article#liveSeminars section.seminar figure img {
    border: 5px solid #E2E2E2;
    padding: 1px;
    background-color: #fff;
}
article#liveSeminars section.seminar figure figcaption {
    font-size: 0.75em
}
article#liveSeminars section.seminar a {

}
article#liveSeminars section.seminar a img {

}
article#liveSeminars section.seminar img.img {
    position: absolute;
    top: 208px;
    right: 14px;
}
/*-----------------------------------------------
_ article#liveSeminars section.seminar_des
-----------------------------------------------*/
article#liveSeminars section.seminar_des {
    width: 250px;
    float: left;
    border-top: 11px solid #F4EAC3;
    border-bottom: 6px solid #f4eac3;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #CCC;
    background-color: #f5f2e6;
    height: 520px;
}
article#liveSeminars section.seminar_des h1 {
    width: 226px;
    height: 64px;
    background-image: url(../images/logo_enS.png);
    background-repeat: no-repeat;
    color: #036;
    padding: 18px 0 10px 15px;
    font-size: 1.5em;
    background-position: 13px 4px;
    margin: 5px 0 0 0;
}
article#liveSeminars section.seminar_des ul {

}
article#liveSeminars section.seminar_des li {
    border-bottom: 1px dotted #777;
    margin: 3px 10px;
    line-height: 2;
}
article#liveSeminars section.seminar_des li img {
    width: 20px;
    position: relative;
    top: 3px;
}
article#liveSeminars section.seminar_des h2 {
    color: #003366;
    font-weight: normal;
    font-size: 1.5em;
    padding: 28px 0 2px 15px;
}
article#liveSeminars section.seminar_des p {
    margin: 5px 10px 25px;
    line-height: 2;
}
/*-----------------------------------------------
_ section.tutor
-----------------------------------------------*/
article#liveSeminars section.tutor {
    width: 649px;
    float: right;
    position: relative;
}
article#liveSeminars section.tutor h1 {
    color: #003366;
    margin: 0 0 0 178px;
    font-size: 1.3em;
}
article#liveSeminars section.tutor h2.scheda {
    border-bottom: 1px dotted #555;
    font-size: 1.9em;
    margin: 7px 150px 0 180px;
}
article#liveSeminars section.tutor h2.scheda span {
    font-size: 50%;
    font-weight: normal;
    margin: 0 15px;
}
article#liveSeminars section.tutor h2.scheda span img {

}
article#liveSeminars section.tutor p.scheda {
    border-bottom: 1px dotted #555;
    font-size: 0.9em;
    margin: 0 150px 0 180px;
    line-height: 2.9;
}
article#liveSeminars section.tutor p {
    margin: 21px 0 0 180px;
    line-height: 1.7;
}
article#liveSeminars section.tutor p.col2 {
    margin: 0 0 17px 0
}
article#liveSeminars section.tutor figure {
    width: 170px;
    margin: 0 35px 5px 0;
    position: absolute;
    top: 6px;
    left: 0;
}
article#liveSeminars section.tutor figure img {
    border: 6px solid #E2E2E2;
    padding: 1px;
    background-color: #fff;
}
/*-------------------- lesson ------------------------*/
article#liveSeminars section.tutor div.lesson {

}
article#liveSeminars section.tutor div.lesson h3 {
    color: #003366;
    font-weight: normal;
    font-size: 1.2em;
    margin: 0 0 10px;
}
article#liveSeminars section.tutor div.lesson ul {

}
article#liveSeminars section.tutor div.lesson ul li {
    width: 310px;
    float: left;
    margin: 0 11px 0 0;
    border: 1px solid #ccc;
    position: relative;
}
article#liveSeminars section.tutor div.lesson li a {
    display: block;
    min-height: 165px;
    padding: 0 5px 5px 0;
}
article#liveSeminars section.tutor div.lesson li h4 {
    color: #d15e5e;
    border-top: 2px solid #d15e5e;
    margin: 0 0 0 90px;
    font-size: 1.2em;
    padding: 5px 0 0;
}
article#liveSeminars section.tutor div.lesson li p {
    font-size: 0.95em;
    margin: 5px 0 0 90px;
    line-height: 1.4;
}
article#liveSeminars section.tutor div.lesson li span.language {

}
article#liveSeminars section.tutor div.lesson li span.language img {
    position: relative;
    top: 9px;
    left: 0;
    width: 31px;
}
article#liveSeminars section.tutor div.lesson li span.price {
    font-weight: bold;
    font-size: 0.9em;
}
article#liveSeminars section.tutor div.lesson li span.price img {
    position: relative;
    top: 6px;
    left: 0;
}
article#liveSeminars section.tutor div.lesson li span.trial {

}
article#liveSeminars section.tutor div.lesson li span.trial img {
    position: relative;
    top: 6px;
    left: 0;
    width: 20px;
}
article#liveSeminars section.tutor div.lesson li span.skype {

}
article#liveSeminars section.tutor div.lesson li span.skype img {
    position: relative;
    top: 6px;
    left: 0;
    width: 22px;
}
article#liveSeminars section.tutor div.lesson li img.lesson {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 71px;
    border: 1px solid #ccc;
    padding: 2px;
}
article#liveSeminars section.tutor div.lesson li a:hover {
    opacity: 0.8
}
/*-----------------------------------------------
_ aside
-----------------------------------------------*/
article#liveSeminars aside {
    clear: both;
    position: absolute;
    top: 541px;
    right: 20px;
    width: 349px;
}
article#liveSeminars aside div.live {
    border: 1px solid #ccc;
    background-color: #f5f2e6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
article#liveSeminars aside div.live h5 {
    display: inline-block;
    text-align: center;
    color: #fff;
    /* text-shadow: 0 1px 1px #3d6f8b; */
    background-color: #bfc87d;
    padding: 1px 30px;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    font-size: 1.4em;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
article#liveSeminars aside div.live p.wrap {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 0.9;
}
article#liveSeminars aside div.live p.memo {
    padding: 5px 10px 5px 50px;
    background-image: url(../images/baloon.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    font-size: 0.9em;
}
article#liveSeminars aside div.reminder {
    border: 1px solid #ccc;
    background-color: #f5f2e6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 0 25px;
}
article#liveSeminars aside div.reminder h5 {
    display: inline-block;
    text-align: center;
    color: #fff;
    /* text-shadow: 0 1px 1px #f19c2e; */
    background-color: #f8c27c;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    font-size: 1.4em;
    font-weight: normal;
    padding: 0px 31px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
article#liveSeminars aside div.reminder p.wrap {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 0.9em;
}
article#liveSeminars aside div.reminder p.wrap span {

}
/* button */
article#liveSeminars section.tutor div.linkBox {
    position: absolute;
    top: 23px;
    right: 0;
}
article#liveSeminars section.tutor div.linkBox a.interview {
    background-color: #fbcc5c;
    padding: 10px 10px;
    text-align: center;
    display: block;
    margin: 0 0 20px;
    color: #333;
}
article#liveSeminars section.tutor div.linkBox a.profile {
    background-color: #93d2ed;
    padding: 10px;
    text-align: center;
    color: #333;
}
article#liveSeminars section.tutor div.linkBox a:hover {
    opacity: 0.9
}
article#liveSeminars aside div.reminder a {
    background-color: #f8c27c;
    padding: 4px 5px;
    text-align: center;
    display: block;
    width: 142px;
    font-size: 1.1em;
    color: #993300;
    position: relative;
    margin: 0 auto;
    top: -8px;
    left: 0;
}
article#liveSeminars aside div.reminder a {
    font-family: arial;
    color: #14396A !important;
    font-size: 14px;
    box-shadow: 0px 1px 0px #FFE387;
    padding: 8px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #AA6F4C;
    background: #F8C27C;
}
article#liveSeminars aside div.reminder a.done {
    box-shadow: none;
    padding: 8px 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #54A4C7;
    background: #AED4E4;
}
article#liveSeminars aside div.reminder a.done:hover {
    background: #AED4E4
}
article#liveSeminars aside div.reminder a:hover {
    color: #14396A !important;
    background: #F8C95C;
}
article#liveSeminars a.live {
    background-color: #ced87d;
    padding: 3px 0 3px 28px;
    text-align: center;
    display: block;
    width: 169px;
    font-size: 1.4em;
    color: #4182b4;
    position: relative;
    margin: 8px auto 0;
}
article#liveSeminars a.live {
    font-family: arial;
    color: #14396A !important;
    font-size: 17px;
    text-shadow: 0 1px 1px #fff;
    box-shadow: 1px 1px 1px #BEE2F9;
    padding: 8px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #A0AA50;
    background: #63B8EE;
    background: linear-gradient(top,  #CED87D,  #acbb34);
    background: -ms-linear-gradient(top,  #CED87D,  #acbb34);
    background: -webkit-gradient(linear, left top, left bottom, from(#CED87D), to(#acbb34));
    background: -moz-linear-gradient(top,  #CED87D,  #acbb34);
    font-weight: bold;
}
article#liveSeminars a.live:hover {
    color: #14396A !important;
    background: #CED87D;
}
article#liveSeminars a.live img {
    width: 35px;
    position: absolute;
    top: -2px;
    left: 13px;
}
/* MODAL */
div#modal {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    width: 680px;
    height: 300px;
    margin: 0 auto;
    text-align: center;
    z-index: 50;
    padding: 40px 20px 20px;
    border-style: solid;
    border-width: 27px 0px 0px;
    border-color: #666;
    -moz-border-image: url(../images/noise.png) 27 0 0 repeat;
    -webkit-border-image: url(../images/noise.png) 27 0 0 repeat;
    -o-border-image: url(../images/noise.png) 27 0 0 repeat;
    border-image: url(../images/noise.png) 27 0 0 repeat;    
    background:rgb(0,0,0);
	background: transparent\9;
	background:rgba(0,0,0,0.75);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000);
	zoom: 1;
}
div#modal:nth-child(n) {
	filter: none;
}
div#modal p {
    color: #fff;
    text-shadow: 0 1px 1px #000;
    font-size: 1.8em;
    line-height: 1.8;
}
div#modal .button_wrap {
    width: 357px;
    background-color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0px 2px #999;
    -webkit-box-shadow: inset 0 0px 2px #999;
    box-shadow: inset 0 0px 2px #999;
    margin: 27px auto 35px;
    padding: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div#modal .button_wrap a {
    display: block;
    background-color: #9d5454;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 1.6em;
    padding: 14px 0;
    box-shadow: 0 1px 7px #222;
}
div#modal .button_wrap a:hover {
    opacity: 0.8
}
div#modal img {
    width: 30%
}
div#modal p.close {
	color: #000;
	font-weight: bold;
	text-shadow: 0 1px 1px #FFF;
	position: absolute;
	top: -27px;
	right: 22px;
	font-size: 1.2em;
}
div#show {
    position: absolute;
    top: 106px;
    left: 0;
    width: 45px;
    height: 25px;
    background-color: #333;
    color: #fff;
    padding: 7px 0 0 10px;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    z-index: 10;
    display: none;
}