@charset "utf-8";


/* latin-ext */

@font-face {
    font-family: 'Economica';
    font-style: normal;
    font-weight: 400;
    src: local('Economica'), local('Economica-Regular'), url(https://fonts.gstatic.com/s/economica/v4/ivOlup5oBnODGd64nVDAFIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Economica';
    font-style: normal;
    font-weight: 400;
    src: local('Economica'), local('Economica-Regular'), url(https://fonts.gstatic.com/s/economica/v4/jObgDQiPUtmACAaaK3pMG4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* latin-ext */

@font-face {
    font-family: 'Economica';
    font-style: normal;
    font-weight: 700;
    src: local('Economica Bold'), local('Economica-Bold'), url(https://fonts.gstatic.com/s/economica/v4/UK4l2VEpwjv3gdcwbwXE9IjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Economica';
    font-style: normal;
    font-weight: 700;
    src: local('Economica Bold'), local('Economica-Bold'), url(https://fonts.gstatic.com/s/economica/v4/UK4l2VEpwjv3gdcwbwXE9BVuXpl7XtNjpLlhhhGlVqc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/*-----------------------------------------------
_ general
-----------------------------------------------*/

:focus {
    outline: 0
}

a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}

.lesson_video_Jay.page-grid {
    width: 100%;
    background-color: #fff;
    font-size: initial;
    margin: 0 auto;
    max-width: 1200px;
}

.lesson_video_Jay em {
    font-weight: bold;
    font-style: normal;
}

.for-mb {}


/*-----------------------------------------------
_ section_general
-----------------------------------------------*/

.lesson_video_Jay section {
    /* width: 80%; */
    /* padding: 27px 0; */
    /* margin: 27px auto; */
    /* border-bottom: 1px solid #ccc; */
    /* text-align: center; */
    /* max-width: 700px; */
    /* min-width: 280px; */
}

.lesson_video_Jay .gfont {
    font-family: 'Economica', sans-serif;
}

.lesson_video_Jay section h2 {
    font-family: 'Economica', sans-serif;
}

.lesson_video_Jay section p {
    margin: 35px 0;
}

.lesson_video_Jay a.btn_white {
    color: #fff;
}


/*-----------------------------------------------
_ header
-----------------------------------------------*/

.lesson_video_Jay header {
    position: relative;
    background-color: #F6BC0D;
    z-index: 1;
    width: 100%;
}

.lesson_video_Jay .wrap {
    position: relative;
}

.lesson_video_Jay .profile {
    z-index: 15;
}

.lesson_video_Jay .profile img.bg {}

.lesson_video_Jay .tutor {
    border-radius: 50%;
    vertical-align: bottom;
}

.lesson_video_Jay .text_wrapper {
    position: relative;
    top 0;
    padding: .5em 1em 1em;
    z-index: 15;
}

.lesson_video_Jay .text_wrapper h1 {
    margin: 0 0 .5em;
}

.lesson_video_Jay .text_wrapper h1 span {
    display: block;
    padding: 0 0 0 1em;
    font-size: .6em;
    color: #fff;
}

.lesson_video_Jay .text_wrapper p {
    color: #fff;
    line-height: 1.7;
    font-size: 1em;
    font-weight: bold;
}

.lesson_video_Jay .text_wrapper p em {
    display: block;
    margin: 8px 20px 0;
    line-height: 1.5;
}

.lesson_video_Jay .blu {
    background-color: #193e93;
    padding: 1em;
    position: relative;
}

.lesson_video_Jay .blu h2 {
    color: #fff;
    font-size: 2.8em;
    line-height: 2;
    position: relative;
}

.lesson_video_Jay .blu p {
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    line-height: 1.7;
}

.lesson_video_Jay .blu p.text {}

.lesson_video_Jay .profile p {
    margin: 0 0 0 220px;
    font-size: 1.1em;
    height: auto;
}


.lesson_video_Jay .text_wrapper p span {
    display: block;
    font-size: 1.1em;
    margin: 10px 0 0 0;
}



/*-----------------------------------------------
_ socialicon
--------------------------------------------- */

.socialicon {
    width: 380px;
    margin: 13px 0 0 737px;
}

img.Evernote {
    vertical-align: top;
}

.twitter-share-button {
    width: 84px!important
}

.g {
    width: 20px!important
}


/*-----------------------------------------------
_ page scroll
-----------------------------------------------*/

.lesson_video_Jay #page-top {
    position: fixed;
    bottom: 150px;
    right: 20px;
}

.lesson_video_Jay #page-top p {
    font-size: 12px;
    padding: 30px 0;
}

.lesson_video_Jay #page-top a {
    background: #8e7b87;
    text-decoration: none;
    color: #fff;
    width: 100px;
    height: 77px;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.lesson_video_Jay #page-top a:hover {
    text-decoration: none;
    background: #b89fae;
}


/*-----------------------------------------------
_ section video
-----------------------------------------------*/

.lesson_video_Jay section.video {
    width: 100%;
    max-width: 1080px;
    padding: 1em;
    margin: 0 auto;
}

.lesson_video_Jay section.video h2 {
    font-size: 2.6em;
    text-align: center;
}

section.video .video_lesson {
    /* width: 340px; */
    /* margin: 0 10px 60px; */
    /* display: inline-block; */
    /* vertical-align: top; */
    position: relative;
}

section.video .video_lesson .video_wrap {
    /* width: 340px; */
    /* height: 190px; */
    /* display: block; */
}

section.video .video_lesson .video_wrap span {
    display: block;
    /* text-align: left; */
    padding: 5px 3px 5px 5px;
    background-color: #2774BA;
    color: #fff;
    font-weight: bold;
}

section.video .video_lesson .video_wrap:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    cursor: pointer;
}

section.video .video_lesson .video_wrap em {
    /* position: absolute; */
    /* bottom: -28px; */
    /* right: 0; */
    /* padding: 5px; */
    /* color: #fff; */
    /* background-color: #000; */
}

.lesson_video_Jay section.video .link_youtube {
    /* padding: 15px; */
    /* margin: 0 180px 40px; */
}

.lesson_video_Jay section.video .link_youtube p {
    margin: 1em 0;
    font-size: 1.1em;
    text-align: center;
}

.lesson_video_Jay section.video .link_youtube img {
    width: 236px;
}

.lesson_video_Jay section.video .link_youtube a {
    background-color: #CE6B73;
    margin: 15px auto;
    padding: 15px 0;
    width: 350px;
    display: block;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 2px #fff;
    color: #fff;
    font-weight: bold;
}

div.fb-like {
    position: relative;
    top: -5px;
}


/* - ## x >= 540px
 ------------------------------------------------------------ */

@media screen and (min-width:540px) {}


/* - ## x >= 569px
 ------------------------------------------------------------ */

@media screen and (min-width:569px) {

    #lesson_video_Jay .profile {
        background-image: url(../images/jordan.png);
    }
    #lesson_video_Jay header {
        padding: 0 1em 0 0;
    }
}


/* - ## x >= 769px
 ------------------------------------------------------------ */

@media screen and (min-width:769px) {
    .for-mb {
        display: none;
    }
    .lesson_video_Jay .profile {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        background-image: url(../images/jordan.png);
    }
    .lesson_video_Jay .tutor {
        position: absolute;
        top: -40px;
        left: -132px;
        z-index: 15;
    }
    .lesson_video_Jay .blu:after {
        content: '　';
        width: 9em;
        height: 100%;
        background-color: #1A408E;
        position: absolute;
        top: 0;
        left: -9em;
        z-index: 1;
    }
}


/* - ## x >= 1025px
 ------------------------------------------------------------ */

@media screen and (min-width:1025px) {}


/* - ## x >= 1281px
 ------------------------------------------------------------ */

@media screen and (min-width:1281px) {}