.webpage #container .share{margin-bottom:0}.webpage #container .share td{padding:0;vertical-align:top}.webpage #container .share td.retweet{padding-right:15px;width:50px}.webpage #container #content{margin:3px auto 0;padding:15px;text-align:left;width:920px}.webpage #container #content h2.title{border-bottom:none;font-size:150%;font-weight:bold;margin-bottom:0.5em;margin-top:-0.2em}.webpage #container #content .center{display:block;text-align:center}.webpage #container #content strong{color:black}.webpage #container #content .riding_rails a{text-decoration:underline}.webpage #container #content #main{margin:20px 30px 0 30px}@media screen and (max-width: 870px){.webpage #container #content #main{margin:0}}.webpage #error{border:1px solid crimson;color:red;font-size:120%;margin-bottom:1.5em;padding:1em}#option{padding-bottom:100px}#option p{font-size:1rem}#option p a:visited{color:#71151a}#option p a:hover{color:#d57370}#option ul li{font-size:1rem;margin-bottom:10px}#option tr{border-top:solid 2px #000;font-size:1.1rem}#option td{font-size:1rem}#option th{background-color:white}#option thead{margin:20px}#option h1{border-bottom:1px solid #eeeeee;line-height:1.25;margin:50px 0 40px;padding:10px 0}#option h2{border-bottom:3px solid #d57370;font-weight:600;margin-top:60px;padding:16px;padding-bottom:8px;padding-left:0}#option h3{font-weight:600;margin:35px 0 20px}#option .screencasts-plan h2,#option .screencasts-plan h3{background-color:unset;border-left:none}#option .payment-form .already-member,#option .payment-form .typo{color:#eb1c26;font-size:16px;margin:-16px 0px 0 2px}#option.screencasts-show a:hover{text-decoration:underline}#option .wistia_embed{margin-bottom:40px}#option .fb_iframe_widget,#option .fb_iframe_widget span,#option .fb_iframe_widget iframe[style]{width:97px !important}@media screen and (max-width: 870px){#content #main #option .alert{margin:2em 0}}#option h2.media-section{border:none;display:inline-block;font-size:23px;margin-bottom:unset;padding:unset}#option p.upsell-caption{font-size:16px;text-align:right}#business-problem p{color:#04629c;font-size:25px;padding-top:20px;text-align:center}table.upsell-pricelist{border-collapse:collapse}table.upsell-pricelist .font-border{font-size:80%;font-weight:bold}table.upsell-pricelist th{font-size:90%;font-weight:bold;padding:20px 0}table.upsell-pricelist td,table.upsell-pricelist th{border:3px solid #e8e8e8;text-align:center;width:20%}table.upsell-pricelist td img,table.upsell-pricelist th img{width:26px}table.upsell-pricelist td img.ribbon,table.upsell-pricelist th img.ribbon{margin-top:-10px;width:120px}table.upsell-pricelist td.bg-gray{background-color:#f8f8f8}table.upsell-pricelist td span.price{font-size:1.0em}table.upsell-pricelist td span.tax{font-size:0.6em}table.upsell-pricelist th.th-lefttop{border-top:hidden;border-left:hidden}table.upsell-pricelist td.td-leftbottom{border-bottom:hidden;border-left:hidden}#option .comparison_table th a{color:#fff;text-decoration:underline}#option .comparison_table th a:hover{color:#f2dede}#option .comparison_table_price{font-size:1.2rem;font-weight:bold}#option .comparison_table_unit{font-size:0.8rem}.comparison_table th:not(.comparison_table_blank){color:#fff;padding:5px;text-align:center}.comparison_table_blank{width:30%}.comparison_table td{border:solid #eee 1px;text-align:center}.comparison_table td:first-child{text-align:right}.three-block{display:flex;justify-content:space-around}.three-block img{border:4px solid #eeeeee;border-radius:10px;width:200px}.three-block-item{width:200px}@media screen and (max-width: 640px){.three-block img{width:90%}}.three-block img.web-text{border:none;width:100px}@media screen and (max-width: 870px){.three-block-responsive{flex-wrap:wrap;font-size:18px}.three-block-responsive img{width:80%;max-width:300px}.three-block-responsive .center{margin-bottom:40px;margin-top:10px;width:100%}}.horizontal-list{display:flex;flex-wrap:wrap;justify-content:center}.access-list-item{text-align:center;width:100%}@media screen and (max-width: 600px){.access-list-item{margin:1.5rem 0;width:100%}}.access-list-h{font-size:1.2rem;margin:.8rem 0 .6rem}.access-list-img{display:block;margin:auto;width:40%}@media screen and (max-width: 870px){.access-list-img{max-width:120px}}.form-center{padding:20px}@media screen and (max-width: 870px){#help-page h2,#reading_guide_page h2{margin-top:calc(60px - 2em);padding-top:calc(16px + 2em)}#help-page h3,#reading_guide_page h3{margin-top:calc(6px - 2.8em);padding-top:calc(5px + 2.8em)}#help-page .youtube{margin-bottom:30px}#reading_guide_page p:nth-of-type(2),#reading_guide_page ul:nth-of-type(2),#reading_guide_page ul:nth-of-type(3),#reading_guide_page ul:nth-of-type(4){margin-bottom:3.5em}}.member-login{display:flex;justify-content:space-around}@media screen and (max-width: 640px){.member-login{flex-direction:column}}.member-login .login-section{width:50%}@media screen and (max-width: 640px){.member-login .login-section{width:100%}}.member-login .login-banner-member{box-sizing:border-box;padding-left:20px;width:50%}@media screen and (max-width: 640px){.member-login .login-banner-member{padding-left:0;width:100%}}.member-login .login-banner-member img{max-width:92%}#option .member-login-pr{align-items:center;background:#eee;border-radius:5px;display:flex;margin:8px 0;padding:16px;position:relative}#option .member-login-pr i{font-size:40px}#option .member-login-pr h3{border:none;font-weight:600;margin:0;padding:0}#option .member-login-pr h3 a{color:#3b3b3b}#option .member-login-pr h3 a:hover{color:#a13532}#option .member-login-pr h3 a::after{content:'\f105';font-family:'Font Awesome 6 Pro';position:absolute;right:16px}#option .member-login-pr:hover h3{color:#a13532}#option .member-login-pr-link{color:#a13532;display:block;font-size:16px;font-weight:600;margin-top:6px}#option .member-login-pr-link:hover{color:#d57370}.member-login-pr-text{margin:0 16px 0 12px}.login-page{display:flex;justify-content:space-around}@media screen and (max-width: 640px){.login-page{flex-direction:column}}.login-page #member-login,.login-page #supervisor-login{width:45%}@media screen and (max-width: 640px){.login-page #member-login,.login-page #supervisor-login{width:100%}}.login-page-container{min-width:50%}.login-banner{padding-top:50px;display:flex}@media screen and (max-width: 640px){.login-banner{flex-direction:column}}.login-banner a{padding-right:10px}.login-banner img{max-width:100%}#option h2.login-h2{background-color:#fff;border:none;margin-bottom:0;padding-left:0}.business-plan-form .field,.partner-plan-form .field{line-height:200%}.business-plan-form .required,.partner-plan-form .required{background-color:#AD292C;color:#fff;font-size:9px;margin-left:5px;padding:3px}.business-plan-form input[type="radio"],.partner-plan-form input[type="radio"]{width:auto}.business-plan-form textarea,.partner-plan-form textarea{border-radius:5px;box-sizing:border-box;font-size:1em;height:67px;padding:10px;resize:vertical;width:100%}.field input#member_name,.field input#member_email,.field input#member_password,.field input#member_password_confirmation,.field input#member_current_password,.field input#supervisor_email,.field input#supervisor_password,.field input#supervisor_password_confirmation,.field input#trialer_email,.field input#trialer_recaptcha,.field input#trialer_mail,.field input#trialer_password,.field input#trialer_password_confirmation,.trialer-signup-form input#trialer_email,.trialer-signup-form input#trialer_password,.trialer-signup-form input#trialer_password_confirmation,.business-signup-form input#supervisor_password,.business-signup-form input#supervisor_password_confirmation,.business-signup-form input#member_password,.business-signup-form input#member_password_confirmation,.business-plan-form input,.partner-plan-form input{border:1px solid #ccc;box-sizing:border-box;font-size:1rem;margin-bottom:10px;padding:10px;width:100%}.login-section .actions input,.login-page .actions input,.membrer-form .actions input,.trialer-signup-form .actions input,.business-signup-form .actions input,.business-plan-form .actions input,.partner-plan-form .actions input,.payment-form__submit{-webkit-appearance:none;background-color:#a13532;border-radius:5px;border:solid #a13532;color:#fff;cursor:pointer;font-size:1rem;font-weight:bold;margin:12px 0;padding:10px;width:100%}.login-section .actions input:hover,.login-page .actions input:hover,.membrer-form .actions input:hover,.trialer-signup-form .actions input:hover,.business-signup-form .actions input:hover,.business-plan-form .actions input:hover,.partner-plan-form .actions input:hover,.payment-form__submit:hover{background-color:#eeeeee;color:#a13532}.trialer-signup-form,.business-signup-form,.business-plan-form,.partner-plan-form,.payment-form{margin:0 auto;width:400px}@media screen and (max-width: 640px){.trialer-signup-form,.business-signup-form,.business-plan-form,.partner-plan-form .payment-form{width:100%}}.form-caption{color:#777;font-size:0.9em;font-weight:bold}#option .card-button button:disabled{background-color:#eeeeee;border:2px solid #eeeeee;color:#a13532;cursor:not-allowed}#option .form-button,#option form .btn-red{margin:20px 0 20px 0;width:100%}#option .trialer-signup-form{margin-bottom:115px}#option .trialer-signup-form input.invalid{border-color:#fbc2c4;color:#eb1c26}#option .trialer-signup-form .already-trialer,#option .trialer-signup-form .typo{color:#eb1c26;font-size:13px;margin:-8px 0 8px 2px}#option .trialer-signup-form .actions input:disabled{background-color:#eeeeee;border:2px solid #eeeeee;color:#a13532;cursor:not-allowed}#option .trialer-signup-form .field_with_errors{color:#a94442;display:inline}#option .trialer-signup-form .field_with_errors input{border:1px solid #a94442}#option .trialer-signup-form .field label,#option .trialer-signup-form .field input{display:block}#option table.table-format th{background-color:#71151a;color:#fff}#option table.table-format th,#option table.table-format td{border:1px solid #eeeeee}.member-list table tr>.partner-list{padding-bottom:0}.member-list table tr>.partner-list a{padding:4% 8%}.partner-mail-icon{margin-top:5%}@media screen and (max-width: 980px){.member-list table tr>.partner-list a{font-size:90%;padding:4%}}@media screen and (max-width: 860px){.member-list>table{-webkit-overflow-scrolling:touch;display:block;overflow-x:scroll;white-space:nowrap}.member-list>table th,.member-list>table td{width:430px}}.member-list ul{list-style:none}.member-list #invitation-accepted-at,.member-list #watched-minutes{cursor:pointer}.member-list #invitation-accepted-at:hover,.member-list #watched-minutes:hover{background-color:#eeeeee}.member-list table{border:1px solid #d0d0d0;table-layout:fixed;word-wrap:break-word}.member-list table th{border-bottom:double #ccc;color:#3b3b3b;font-size:14px;font-weight:normal;padding:20px 5px}.member-list table th#watched-minutes,.member-list table th#invitation-accepted-at{font-weight:bold}.member-list table th,.member-list table td{text-align:center}.member-list table td{border-bottom:1px solid #ccc;padding:10px}.member-list table td span{font-size:100%;font-weight:bold}.member-list table td span a{margin-left:3%}.member-list table tr.active{background-color:#f7f7f7}.member-list table tr.active td:first-child{border-left:4px solid #a13532}.member-list table tr.inactive{border-left:4px solid #fff;color:#ccc}.member-list table tr.inactive td:first-child{border-left:4px solid #fff}.hojin-plan-dashboard h1{font-weight:bold}.hojin-plan-dashboard h1 span.plan-name{font-size:20px;padding-left:5px}.hojin-plan-dashboard h1 span.dashboard{font-size:25px}.hojin-plan-dashboard a.after-arrow::after{content:" » ";font-size:1.5em}.hojin-plan-dashboard input[type="text"]{margin:5px;padding:5px;width:30%}.hojin-plan-dashboard .usage-statement{background-color:#f1f1f1;padding:30px}.hojin-plan-dashboard .usage-statement h4{border-bottom:1px solid #cecece;padding-bottom:20px}.hojin-plan-dashboard .usage-statement span.unconfirmed-label{background-color:#fff;border:1px solid #71151a;color:#71151a;padding:5px 10px}.dashboard-version{display:block;font-size:.8em !important;margin:0 4px}@media screen and (max-width: 870px){.dashboard-version{display:inline-block}}.dashboard-version-icon{color:#a13532;margin-right:4px}.dashboard-version-cover{cursor:pointer;font-weight:normal !important}@media screen and (max-width: 870px){.dashboard-version-cover{cursor:default}}.dashboard-version-cover:hover .dashboard-version-info{display:block}@media screen and (max-width: 870px){.dashboard-version-cover:hover .dashboard-version-info{display:none}}.dashboard-version-cover span{font-weight:normal !important}.dashboard-version-info{background:#fff;border-radius:5px;box-shadow:0 0 5px rgba(59,59,59,0.5);cursor:text;display:none;font-size:.8em;margin:0 0 0 80px;padding:10px 20px;position:absolute;text-align:left}@media screen and (max-width: 1195px){.dashboard-version-info{margin:0 10px 0 0;right:0}}.dashboard-version-info h4{color:#8f8f8f;font-weight:500;margin:8px 0 4px}.dashboard-version-info p{font-size:1rem !important;margin:0 0 4px .6em}.member-list table tr a,.member-list tbody td a{border-radius:5px;color:#fff;padding:8px 25px;white-space:nowrap}.member-list table tr a:hover,.member-list tbody td a:hover{opacity:0.7}.member-list table tr.active a{background-color:#8f8f8f}.member-list table tr.inactive a{background-color:#a13532}.member-list table tbody.inactive a{background-color:#8f8f8f}.member-list table tbody.inactive a::after{content:unset}form.yasslab-orgnization,.yasslab-orgnization input{font-size:18px}.hojin-plan-dashboard .usage-statement .statement-container{display:flex;justify-content:center}.hojin-plan-dashboard .usage-statement .statement-container .statement-box{display:grid;grid-template-columns:auto auto}.hojin-plan-dashboard .usage-statement .statement-container .statement-box .item-icon{grid-row:2/3;grid-column:1/2}.hojin-plan-dashboard .usage-statement .statement-container .statement-box .item-title{font-size:20px;font-weight:bold;grid-column:1/3;grid-row:1/2;text-align:center}.hojin-plan-dashboard .usage-statement .statement-container .statement-box .item-number{font-size:16px;grid-column:2/3;grid-row:2/3;padding-left:20px}.hojin-plan-dashboard .usage-statement .statement-container .statement-box .item-number span{font-size:50px;font-weight:bold}.hojin-plan-dashboard .usage-statement .statement-container .statement-box:last-child{margin-left:60px}@media screen and (max-width: 810px){.hojin-plan-dashboard .usage-statement .statement-container .statement-box:last-child{margin-left:30px}}@media screen and (max-width: 600px){.hojin-plan-dashboard .usage-statement .statement-container{flex-direction:column;align-items:center}.hojin-plan-dashboard .usage-statement .statement-container .statement-box{padding:20px 0}.hojin-plan-dashboard .usage-statement .statement-container .statement-box #item-number{padding-right:0}.hojin-plan-dashboard .usage-statement .statement-container .statement-box:last-child{border-top:1px solid #cecece;margin-left:0;padding-bottom:0}}.hojin-plan-dashboard .feedback-form textarea,.member-screencasts.feedback-form textarea{border-radius:5px;box-sizing:border-box;font-size:1em;height:67px;padding:10px;resize:vertical;width:100%}.hojin-plan-dashboard .feedback-form .button,.member-screencasts.feedback-form .button,.slack-webhook-url-form .button,.invitation-member input#member-invitation-button{background-color:#a13532;border-radius:5px;border:solid 2px #a13532;color:#fff;font-size:1em;font-weight:bold;margin:0 auto;padding:10px;text-align:center}.hojin-plan-dashboard .feedback-form .button:hover,.member-screencasts.feedback-form .button:hover,.slack-webhook-url-form .button:hover,.invitation-member input#member-invitation-button:hover{background-color:#eeeeee;color:#a13532;cursor:pointer}.slack-webhook-url-form input[type='text']{border-radius:5px;box-sizing:border-box;font-size:1em;padding:10px;width:100%;margin:0 0 12px 0px;border:solid #aaa 1px}.invitation-member input#member-invitation-button{bottom:3px;display:inline;position:relative}.invitation-member input#email{font-size:130%;height:30px}.invitation-member select{font-size:20px;height:44px;margin-right:4px}.invitation-member-team{background-color:#f1f1f1;padding:24px}.invitation-member-team form{margin:auto;max-width:500px}.invitation-member-team div{margin:16px 0}.invitation-member-team input#email{margin:0;width:calc(100% - 10px - 4px)}.invitation-member-team select{width:100%}.invitation-member-team input#member-invitation-button{bottom:3px;display:inline;margin-bottom:6px;position:relative;width:100%}.invitation-member-team label{font-size:1.2em;font-weight:600}.wistia_responsive_padding{padding:56.25% 0 0 0;position:relative}.wistia_responsive_wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.wistia_embed{height:100%;width:100%}.about_railstutorial{display:flex}.about_railstutorial .cover{padding-right:20px;width:30%}.about_railstutorial .description{width:70%}.about_railstutorial img{max-width:100%}.media img{border-radius:5px;display:none}.media{border-bottom:#eeeeee solid 2px;padding:8px 0}.time_for_movie{display:flex;font-size:16px;margin-top:4px}.movie_time{padding:3px 0 0 5px}.icon_time{background:transparent url(/images/icon-time.png) no-repeat;background-size:contain;height:28px;width:28px}.media-section-heading{border-bottom:3px solid #d57370}.media-section-link{font-size:23px;margin-left:8px}.media-section-link:hover{color:#a13532}#option #screencast-title{border:none;line-height:unset}p.media-navigation{display:flex;overflow:hidden}span.media-prev{width:48%;color:gray;float:left;text-align:left}span.media-next{width:48%;color:gray;float:right;text-align:right}.back_button a:hover span,.read_book a:hover span{opacity:0.8}.back_button span,.read_book span{background-color:#a13532;color:#fff;display:inline-block;font-size:12px;margin-right:5px;padding:10px;vertical-align:middle}.read_book{width:250px}.back_button{float:left}img.movie-archive{margin:-15px;width:950px}@media screen and (min-width: 870px) and (max-width: 980px){img.movie-archive{max-width:calc(100% + 30px)}}@media screen and (max-width: 870px){img.movie-archive{margin:0;margin-left:-15px;margin-top:-15px;max-width:calc(100% + 30px)}}a.screencasts-feedback,a.screencasts-upgrade{float:right;font-size:1em;margin-left:10px;margin-top:20px}.screencasts_verselect_cover{display:inline-block;margin-top:20px}.screencasts-verselect{border-radius:2px;cursor:pointer;font-size:1em;height:30px;margin:0;padding:0 6px}#option .screencasts_conselect_label,#option .screencasts_verselect_label{font-size:14px;color:#3b3b3b}.watched-select{display:inline-block;margin:8px 0}.watched-select input[type='radio']{display:none}.watched-select input[type='radio']:checked+label{background-color:#f2dede;border-color:#71151a;color:#a13532}.watched-select label{background-color:#f9f9f9;border:1px solid #8f8f8f;color:#8f8f8f;cursor:pointer;display:inline;font-size:90%;padding:3px 0}label.watched-label{border-left:hidden;border-radius:0 10px 10px 0;padding-left:0.5rem;padding-right:0.5rem}label.watched-label:hover{filter:brightness(96%)}input[type='radio']:checked+label.watched-label{background-color:#dff0d8;border-color:#007b00;border-left:1px solid;color:#007b00;cursor:default;filter:brightness(100%)}label.unwatch-label{border-radius:10px 0 0 10px;border-right:hidden;padding-left:0.8rem;padding-right:0.5rem}label.unwatch-label:hover{filter:brightness(96%)}input[type='radio']:checked+label.unwatch-label{border-right:1px solid;cursor:default;filter:brightness(100%)}section.progress{border-bottom:solid 2px #eeeeee;margin:0 -15px;padding:20px}section.progress p{padding-top:10px}.progress-bar{background-color:#eeeeee;border-radius:10px;flex-grow:1}.progress-bar__inner{background-color:#a13532;border-radius:10px;color:#fff;text-align:center}.percent-0{color:#71151a;margin-left:0.5rem}@media screen and (max-width: 870px){.percent-few{color:#71151a;margin-left:1.8rem}}@media screen and (max-width: 640px){.percent-few{margin-left:1.4rem}}.progress-container{display:flex;justify-content:space-between}.progress-container .progress-flexitem{color:#71151a;font-weight:bold}.progress-container .progress-flexitem h2{font-size:1em;margin-bottom:0}.progress-container .progress-flexitem div{color:#71151a;display:inline-block;font-size:170%;font-weight:bold}.progress-container .progress-flexitem img{width:40px}section.progress.fixed{background-color:#fff;padding:14px;position:fixed;top:0;width:910px;z-index:1}@media screen and (max-width: 980px){section.progress.fixed{padding:10px 14px;width:90%}}.fixed .progress-container{display:none}.progress-compact-label{display:none;margin-right:10px}.fixed .progress-compact-label{display:block}.progress-bar-cover{display:flex}.congrats-dialog{background:#fff;border-radius:5px;box-shadow:0 0 10px 0 rgba(59,59,59,0.4);padding:24px;position:fixed;text-align:center;transform:translate(-50%, -50%);z-index:1;top:50%;left:50%}.congrats-dialog::before{content:'';background-image:repeating-linear-gradient(-45deg, transparent, transparent 8px, rgba(255,255,255,0.1) 8px, rgba(255,255,255,0.1) 16px);background:#d57370;border-radius:5px 5px 0 0;display:block;height:80px;margin:-24px -24px 0}.congrats-dialog h2{color:#71151a;font-weight:bold;margin-bottom:.5rem;text-transform:uppercase}.congrats-dialog p{margin:0}.congrats-img{margin-bottom:-60px;transform:translateY(-50%);width:160px}.congrats-background{background:#000;opacity:.2;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}.tweet-congrats{margin-bottom:0;padding:1rem}.tweet-button-congrats{display:block;margin:0 auto 1rem;max-width:240px}.dialog-close{background:#0006;border-radius:0 5px 0 5px;color:#fff;cursor:pointer;line-height:30px;position:absolute;top:0;right:0;width:30px;height:30px}@media screen and (max-width: 870px){.screencasts-show>h2.record{font-size:1.2rem}h3#screencast-title{font-size:1.1rem}}h2#feedback{margin-top:100px}h2#upgrade{margin-top:100px}.screencasts-upgrade-form .center-link{padding:40px 0 40px;text-align:center}.price-simulation{background-color:#f8f8f8;border-radius:5px;border:solid 3px #eeeeee;font-weight:500;margin:10px 0;padding:30px 0;text-align:center}.price-simulation .price-simulation-mark{font-size:.8em;margin:0 .8em}.price-simulation .price-simulation-number{font-size:1.6em}.price-simulation .price-simulation-rst{font-size:2em}.price-simulation .price-simulation-number::after,.price-simulation .price-simulation-rst::after{content:' '}.price-simulation h4{font-size:1.1em}.price-simulation h4,.price-simulation p{margin-bottom:12px}@media screen and (max-width: 870px){.price-simulation{padding:30px 10px}}#option h2.message-big{background-color:inherit;border:none;font-weight:500;margin-bottom:2px;text-align:center}#content p.message-small{color:#8f8f8f;font-size:14px;text-align:center}.thanks-step{counter-reset:item;list-style:none;margin:0}.thanks-step li{margin-bottom:50px}.thanks-step li:before{background-color:#f8f9fc;border:2px dotted #4670ac;box-sizing:border-box;color:#002f72;content:"STEP " counter(item);counter-increment:item;display:inline-block;font-size:1.2rem;font-weight:bold;margin-right:20px;padding:4px 8px;text-align:center;width:90px}.thanks-step img{max-width:100%}#option .thanks-step h3{border-left:none;display:inline-block;line-height:1.6em;padding-top:.5rem}@media screen and (max-width: 640px){#option .thanks-step h3{margin:0;vertical-align:middle;width:calc(100% - 130px)}}.thanks-step-content{padding:0 110px}.thanks-step-items{display:flex}@media screen and (max-width: 640px){.thanks-step-content{padding:0 5px}}.state{width:100px}.finish>.state{text-align:center}.finish>.state a{background-color:#eeeeee;border-radius:3px;border:solid 1px #ddd;box-shadow:0px 2px 6px rgba(169,169,169,0.4);color:#111111}.finish>.state a:hover{background-color:#ddd}.full>.state{text-align:center}.full>.state a{background-color:#f2dede;border-radius:3px;border:solid 1px #f2dede;box-shadow:0px 2px 6px rgba(169,169,169,0.4)}.full>.state a:hover{background-color:#d57370;color:#fff}.available>.state{text-align:center}.available>.state a{background-color:#dff0d8;border-radius:3px;border:solid 1px #97C090;box-shadow:0px 2px 6px rgba(169,169,169,0.4);color:#006400}.available>.state a:hover{background-color:#97C090}.available>.state a,.full>.state a,.finish>.state a{display:block}.finish>.state a:active,.full>.state a:active,.available>.state a:active{box-shadow:1px 1px 3px rgba(169,169,169,0.4) inset}.buy-button a{background-color:#6b0509;background-image:linear-gradient(#9A1D1D, #6b0509);border-radius:5px;border:solid 1px #5C080B;box-shadow:1px 1px 3px rgba(169,169,169,0.4);color:#eeeeee;display:block;font-size:20px;text-align:center}.buy-button a:hover{background-image:linear-gradient(#900B0F, #5A070A);box-shadow:1px 2px 5px rgba(169,169,169,0.7);color:#eeeeee}.buy-button a:visited{color:#eeeeee}.buy-button a:active{box-shadow:1px 1px 7px rgba(169,169,169,0.7) inset}.chapter-list{border:solid 1px #ddd;margin-bottom:15px}.chapter-list td{vertical-align:bottom}.chapter-list table{margin:0px}.chapter-list .buy-button{width:125px;margin:5px}#content{background-color:#fff;margin-left:40px;margin-right:40px}@media screen and (max-width: 980px){.webpage #container #content{width:90%}}@media screen and (max-width: 870px){.webpage #container #content{box-sizing:border-box;margin-left:auto;margin-right:auto;margin-top:22px;width:100%}}.submit-button{background-color:#a13532;border-radius:5px;border:solid 1px #a13532;color:#eeeeee;display:block;font-size:30px;padding:10px;text-align:center;width:30%}@media screen and (max-width: 980px){.submit-button{font-size:30px}}#coupon_code{font-size:100%;min-height:30px}@media screen and (max-width: 980px){#coupon_code{font-size:30px;max-width:100%}}.select-coupon input{display:none}.select-coupon label{background:#fff;color:#111111;cursor:pointer;display:block;float:left;font-size:15px;line-height:1;margin:0;padding:20px 20px;text-align:center;transition:.2s;width:230px}.select-coupon input[type="radio"]:checked+label{background-color:#28a745;color:#fff;border-radius:4px}.select-coupon input[type="radio"]:checked+label+label{color:#28a745}.radio-button{display:block;float:left;width:290px}.radio-button img{background-color:#fff;display:block;height:320px;width:230px}.buy-screencast h1{font-size:2em;font-weight:bold}.buy-screencast ol li{font-size:16px;margin-bottom:10px}.buy-screencast .plan-banner{display:flex;flex-direction:row}.buy-screencast .plan-banner img{max-width:100%}.buy-screencast .plan-banner img:hover{filter:opacity(0.8)}.buy-screencast .plan-banner .plan-banner-inner{padding:10px}@media screen and (max-width: 640px){.buy-screencast .plan-banner{display:flex;flex-direction:column}}.buy-screencast p.center-link{margin-bottom:0;padding:40px 0 0px;text-align:center}.buy-screencast .discount-amount,.buy-screencast .original-amount{font-size:22px}.original-amount-small{font-size:80%}.instructions-for-screencast{padding-bottom:50px}.instructions-for-screencast .login-img{box-shadow:2px 11px 15px 4px rgba(0,0,0,0.4);width:25%}.instructions-for-screencast .step-container{display:flex}.instructions-for-screencast .step-item{padding:10px 10px 0 0}.instructions-for-screencast .mail-img{text-align:center}.instructions-for-screencast .mail-img img{margin:0 12px}@media screen and (min-width: 640px){.instructions-for-screencast p.step-item{padding-top:20px}}.qanda dd,.qanda dt{padding:0 20px 0px 50px;text-indent:-48px}.qanda dt{cursor:pointer;font-size:1rem;font-weight:500;padding:8px 20px 8px 50px}.qanda dt:hover{background-color:#eeeeee}.qanda dt::before{content:'Q.'}.qanda dt:after{font-family:'Font Awesome 6 Pro';content:'\f078';font-weight:bold;margin-left:10px}.qanda dt.clicked:after{font-family:'Font Awesome 6 Pro';content:'\f077';font-weight:bold;margin-left:10px}.qanda dd{border-bottom:1px #8f8f8f dotted;font-size:16px;line-height:2em;margin:10px 0 0 0;padding-bottom:15px}.qanda dd::before{content:'A.';color:#a13532;vertical-align:bottom}.qanda dd::before,.qanda dt::before{font-family:'Nunito', sans-serif;font-size:1.5rem;font-weight:bold;margin-right:0.5rem;padding:5px}.qanda .path_name{font-size:0.9em}.qanda .version{background-color:#a13632;border-radius:5px;padding:3px 5px;color:#fff;font-size:0.85em}.qanda .content{border-radius:5px;padding:3px 5px;color:#fff;font-size:0.85em}.qanda .content.command_line{background-color:#85cb39}.qanda .content.text_editor{background-color:#d4d94b}.qanda .content.git{background-color:#eecb52}.qanda .content.html{background-color:#efa756}.qanda .content.css{background-color:#f18259}.qanda .content.javascript{background-color:#f45d5d}.qanda .content.guidebook{background-color:#999}.qanda .content.textbook{background-color:#999}.pagination{margin-top:80px;text-align:center;font-size:1.2em;border:#444}.pagination span{text-align:center;padding:5px}.pagination span a{color:#777}.pagination span a:hover{color:#5A070A;border-radius:15px;text-decoration:underline !important}.pagination .current{color:#71161a}.two-blocks{display:flex;flex-wrap:wrap;justify-content:space-between}.two-blocks-one{background:#f4f4f4;border-radius:5px;margin-bottom:24px;padding:20px;width:calc(50% - 45px)}@media screen and (max-width: 700px){.two-blocks-one{width:calc(100% - 45px)}}#option .two-blocks-one h3{border-left:none;margin-top:18px;text-align:center}.two-blocks i{display:block;font-size:100px;text-align:center}.two-blocks-small i{display:inline-block;font-size:40px;margin-bottom:10px;vertical-align:middle}#option .two-blocks-small h3{display:inline-block;margin:2px 0 20px 10px;vertical-align:middle}.two-blocks-small ul{margin:0}.two-blocks-with-coverimg{display:grid;grid-column-gap:10px;grid-template-columns:120px 1fr}.two-blocks-with-coverimg h3,.two-blocks-with-coverimg ul{grid-column:2 / 3}.two-blocks-with-coverimg h3{grid-row:1 / 2}#option .two-blocks-with-coverimg h3{text-align:left}.two-blocks-coverimg{border-radius:5px;grid-column:1 / 2;grid-row:1 / 3;width:100%}.blocks-one{background:#f4f4f4;border-radius:5px;margin-bottom:24px;padding:20px}#option .course-list-item:not(.le-morecourse) h3{border:none;margin:0.5em 0;padding:0}#option .course-list-item:not(.le-morecourse) p{color:#3b3b3b;margin-bottom:0}.course-list-item,.my-course-list-item{background:#eeeeee;border-radius:5px;border:solid 2px #eeeeee;grid-template-columns:96px 1fr;margin:16px 0;padding:12px 10px;position:relative;transition:all .2s}.course-list-item img,.my-course-list-item img{border-radius:50%;box-shadow:0 0 0 3px #3b3b3b;margin:5px 24px 5px 5px;width:50px}.course-list-item .course-list-title,.my-course-list-item .course-list-title{font-weight:bold;margin-bottom:.5rem;margin-top:.8rem}.course-list-item{display:grid}.course-list-item .le_table_of_contents>li:not(.enable-link){pointer-events:none}.course-list-item .le_table_of_contents>li:not(.enable-link) a{color:#111111}.le-links:hover .course-list-item{border:solid 2px #a13532}.le-courses img{box-shadow:0 0 0 5px #3b3b3b;grid-column:1 / 2;grid-row:1 / 3;margin:12px 24px 12px 12px;width:60px}.course-list-with-img{align-items:center;display:flex}.course-list-with-img h4{margin:0}.course-list-links{display:flex}#option .course-list-links .btn-red.btn-inline{width:4rem}.course-list-links-small{display:block;font-size:.9rem;text-align:center}.le-label-comingsoon{background:#d57370;border-radius:5px;color:#fff;display:inline-block;font-size:0.8rem;font-weight:bold;margin-left:0.5rem;padding:5px 10px;vertical-align:text-bottom}#option .le-morecourse{color:#8f8f8f;font-weight:bold;grid-template-columns:1fr;justify-content:center;margin:auto;padding:12px 24px;text-align:center;width:60%}.le-courses{position:relative;padding:10px 0}.le-courses::before{content:'';background:#d57370;height:calc(100% - 20px);left:calc(50% - 6px);opacity:0.8;position:absolute;width:12px}.le-courses-noline::before{background:inherit}.course-list{margin:0}.course-link-list li{justify-content:space-between}#option .course-list-group-h{background:#fff;border:none;font-weight:bold;left:calc(12px - 0.3em);margin:0;padding:.3em;position:absolute;transform:translateY(calc(-50% - 12px))}#option .course-list-group-h a{font-size:.8em}.course-list-group{border-radius:5px;border:solid #eeeeee;margin:48px 0 12px;padding:12px 12px 0;position:relative}.course-list-group::before{content:'';background:#fff;display:block;height:12px;position:absolute;top:0;width:calc(100% - 24px)}.blocklink{align-items:center;border-radius:3px;border:solid #eeeeee 2px;display:flex;justify-content:space-between;padding:12px;transition:all .2s}.blocklink:hover{border-color:#d57370}.blocklink-thumbnail{max-width:240px;width:calc(40% - 24px)}#option .blocklink-title{font-size:1.2rem;font-weight:bold;margin-bottom:6px}#content .blocklink-url{color:#8f8f8f;font-size:0.9rem;margin:0;word-break:break-all}.pre-nav-item-description{margin-left:1em}.pre-nav-item-description ul{margin:0.5em 0 1em 1.5em}.pre-nav-item-description .pn_table_of_contents li:not(.enable-link){pointer-events:none}.pre-nav-item-description .pn_table_of_contents li:not(.enable-link) a{color:#111111}@media screen and (max-width: 700px){.pre-nav-item-description{margin-left:0}.pre-nav-item-description li:not(.chapter){line-height:1.1}}.pre-nav-item-description li.not-accordion-content,.pn_table_of_contents li.not-accordion-content{margin-left:0}.le-courses-toc{background-color:#fff;border-radius:3px;display:none;grid-column:2 / 3}.le-courses-toc .le_table_of_contents{padding-top:10px}.le-courses-toc #table_of_contents{padding:5px 0}.le-courses-toc .accordion-content{justify-content:flex-start;padding:.6rem 0 !important}.le-courses-toc .accordion-content-icon::before{color:#71151a}.le-courses-toc h1,.le-courses-toc .chapter-star{display:none}.le-courses-toc ul,.le-courses-toc #table_of_contents ul{margin:0 1rem}.le-courses-toc li{list-style:none}.le-courses-toc li .number{margin-right:6px}.le-courses-toc .chapter{font-weight:bold}.le-courses-toc .accordion-chapter-top{font-weight:bold;margin-left:0}.le-courses-toc-btn,.guidebook-toc-btn,.textbook-toc-btn{border:none;color:#71151a;cursor:pointer;font-size:1rem;font-weight:bold;padding:0;text-align:left}.le-courses-toc-btn::after,.guidebook-toc-btn::after,.textbook-toc-btn::after{font-family:"Font Awesome 6 Pro";content:"\f0da";display:inline-block;font-weight:900;margin-left:6px;transition-duration:.3s;transition-property:transform}.le-courses-toc-btn.active::after,.guidebook-toc-btn.active::after,.textbook-toc-btn.active::after{transform:rotate(90deg)}.le-courses-toc-btn{grid-row:2 / 3;grid-column:2 / 3}.guidebook-toc-btn,.textbook-toc-btn{margin-left:0.5em}#help-page{letter-spacing:0.01em;line-height:1.8}#help-page .code{background:#f4f4f4;border-radius:3px;border:solid 2px #eee;margin:14px 0}#help-page .code pre{font-family:monospace;margin:10px;white-space:pre-line}#help-page code{background:#f4f4f4;border-radius:3px;border:solid 2px #eee;color:darkgreen;font-family:Courier, monospace;font-weight:bold;padding:1px 5px}#help-page strong{border-bottom:1px dotted #8f8f8f}#message-page{line-height:1.8;letter-spacing:0.01em}#message-page blockquote{background:#f4f4f4;border-radius:5px;margin:0 0 1.5em 0;padding:1.5em}#message-page .quote{margin:0}#message-page h4{font-size:1.1rem;font-weight:bold;margin-bottom:1rem;margin-top:2rem}body #book{font-family:sans-serif}#mypage-tutorial,#mypage-youtube,#mypage-roadmap,#mypage-setting,#mypage-faqplan,#mypage-request,#mypage-benefits,.mypage-tab-checkbox{display:none}#tutorial-check:checked~.mypage-content #mypage-tutorial,#youtube-check:checked~.mypage-content #mypage-youtube,#roadmap-check:checked~.mypage-content #mypage-roadmap,#setting-check:checked~.mypage-content #mypage-setting,#faqplan-check:checked~.mypage-content #mypage-faqplan,#request-check:checked~.mypage-content #mypage-request,#benefits-check:checked~.mypage-content #mypage-benefits{display:block}.mypage-tab{display:grid;grid-template-columns:200px 1fr}.tab_item{cursor:pointer;display:block;grid-column:1 / 2;padding:12px;text-align:left}.mypage-content{border-left:solid #eeeeee 2px;grid-column:2;grid-row:1/span 10;padding-left:2rem}#option .mypage-content h2:first-of-type{margin-top:0;padding-top:0}.mypage-tab-checkbox:checked+.tab_item{background:#f2dede}.my-course-list-item{display:flex;flex-flow:column}.my-course-list-item .le-courses-toc{margin-left:60px;margin-top:10px}.my-course-list-contents{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width: 700px){.mypage-tab{display:block;position:relative}.mypage-content{border-left:none;border-top:solid #eeeeee 2px;padding-left:0;padding-top:2rem}.tab_item{display:inline-block}.tab_item_logout{position:absolute;right:0;top:-3rem}.mypage-tab-checkbox:checked+.tab_item{border-bottom:solid #a13532 2px}}.my-video-list{border-bottom:solid #eeeeee 2px;display:grid;gap:.5rem 1rem;grid-template:1fr 1fr / 30% 1fr;padding:1rem 0;transition:all .2s}.my-video-list:hover{background:#eeeeee}#option .my-video-list-h3{align-items:flex-end;display:flex;font-size:1.2rem;margin:0}#option .my-video-list-p{color:#a13532;font-weight:bold}.my-video-list-img{border-radius:5px;grid-row:1 / 3;width:100%}.author-comment-cover{display:flex;margin:1.5rem}.author-comment{align-items:center;background:#f4f4f4;border-radius:5px;display:flex;margin:0 0 0 40px;padding:1em;position:relative}.author-comment::before{content:"";border-bottom:solid 15px transparent;border-left:solid 15px #f4f4f4;border-radius:5px;border-right:solid 15px transparent;border-top:solid 15px #f4f4f4;display:block;height:0;position:absolute;transform:translate(-28px, 100%) rotate(-45deg);width:0;z-index:0}.author-comment p{letter-spacing:0.3px;line-height:1.8em;margin:0}.author-comment-image{border-radius:50%;width:120px}#option .author-comment-name{border:none;margin:0;padding:0;padding-bottom:8px;text-align:center;width:120px}.author-comment-name-title{font-size:1rem}@media screen and (max-width: 700px){.author-comment-cover{flex-wrap:wrap}.author-comment{margin:20px 0 0 0}.author-comment::before{left:50%;transform:translate(-50%, -100%) rotate(45deg)}.author-comment-info{text-align:center;width:100%}#option .author-comment-name{margin:auto}}.card-table{border-spacing:0 5px}#option .card-header{border:0;font-size:1rem;color:#777}#option .card{border-top:0;border-radius:5px}.card-td{padding:5px 10px;border-top:solid 2px #ddd;border-bottom:solid 2px #ddd}.card-td:first-child{border-radius:5px 0 0 5px;border-left:solid 2px #ddd;position:relative;text-align:center}.card-td:first-child::after{content:"";border-right:solid 2px #eee;display:block;height:80%;position:absolute;right:0;top:10%}.card-td:last-child{border-radius:0 5px 5px 0;border-right:solid 2px #ddd;text-align:right}#option .card-link{text-decoration:underline;display:inline-block;text-align:right}.card-use .card-td{border-top:solid 2px #a13532;border-bottom:solid 2px #a13532}.card-use .card-td:first-child{border-left:solid 2px #a13532}.card-use .card-td:last-child{border-right:solid 2px #a13532}.form-card{border-radius:5px;border:solid 2px #eeeeee;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px}.form-card__limit{margin-left:0.5rem}.feature-list{list-style:none;margin:0;counter-reset:my-counter}.feature-list-one{background:#f4f4f4;border-radius:10px;margin-top:32px;padding:1rem;position:relative;text-align:center}.feature-list-one:not(:last-child){margin-bottom:1rem}.feature-list-one::before{background-color:#d57370;border-radius:16px;color:#fff;content:"POINT " counter(my-counter);counter-increment:my-counter;display:block;font-size:1.2rem;font-weight:bold;height:32px;line-height:32px;padding:0 16px;position:absolute;right:50%;text-align:center;transform:translate(50%, -100%)}#option .feature-list-h3{border-left:none;font-size:1.2rem;font-weight:bold;margin:0.5rem 0}.feature-list-p{margin-bottom:0.5rem}.unset-content a::after{content:unset}.gumroad-overlay-iframe{position:unset !important}.training-answers-table{margin-top:1rem}.training-answers-table th{border-bottom:solid 1px #a3a3a3;color:#3b3b3b;font-size:1rem;text-align:center}.training-answers-table tr:nth-of-type(2n){background-color:#f4f4f4}@media screen and (max-width: 640px){.training-answers-table .answers-status{width:25%}}@media screen and (min-width: 640px){.training-answers-table .sp-ignore{display:table-cell;text-align:center}}.training-answers-table .answers-link{display:inline-block;background-color:#f2dede;border-radius:5px;font-weight:bold;text-align:center;padding:2px 8px}.training-answers-table .answers-link:hover{cursor:pointer;color:#d57370}.training-answers{background-color:#f1f1f1;padding:24px;margin:10px 0}.training-answers p{margin-block-start:unset;margin-block-end:unset}.training-answers p a{word-wrap:break-word}.training-answers pre{white-space:pre-wrap}.training-answers .answer-created-at,.training-answers .answer-member-email,.training-answers .answer-check{margin-top:15px;font-size:85%;color:#3b3b3b;text-align:right}.training-answers .answer-member-email,.training-answers .answer-check,.training-answers .answer-member-email i{color:#8f8f8f}.training-answers .answer-check{float:left}#answer-filter-buttons{text-align:right}#answer-filter-buttons .btn-red{font-size:14px;width:200px;display:inline}#answer-filter-buttons p{padding-top:5px;font-size:0.6em}.training-answer-page section{margin-bottom:3em}.training-answer-page h1{font-weight:bold;font-size:1.6em}.training-answer-page h1 span.member-email{font-size:20px}.training-answer-page .my-answer,.training-answer-page .ai-answer,.training-answer-page .member-answer{display:block;color:#3b3b3b;margin-top:1em;margin-bottom:.3em;font-weight:bold}.training-answer-page .no-answer{color:#8f8f8f}.training-answer-page .tooltip-base{font-size:1.3em;position:relative;top:1px}.training-answer-page .tooltip{width:400px;text-align:left;left:-7px}.training-answer-page .tooltip-text::after{left:19%}.problem-number{color:#3b3b3b;font-size:1.4rem;font-weight:bold;margin-right:.5rem}.answer-training_form{display:flex;margin:10px 0}.answer-training_form .sel{display:none}.answer-training_form .sel:checked+label{background:#ecf2f9;color:#002f72}.answer-training_form .training-label{border-radius:5px;color:#646464;cursor:pointer;display:block;padding:4px 8px;background:#fff;vertical-align:middle}.answer-training_form .training-label:not(:first-of-type){margin-left:5px}.answer-training_form__good::before{font-family:'Font Awesome 6 Pro';font-weight:400;font-size:1.2em;opacity:0.8;content:'\f582';margin-right:6px}.answer-training_form__fair::before{font-family:'Font Awesome 6 Pro';font-weight:400;font-size:1.2em;opacity:0.8;content:'\f11a';margin-right:6px}.answer-training_form__poor::before{font-family:'Font Awesome 6 Pro';font-weight:400;font-size:1.2em;opacity:0.8;content:'\f5c8';margin-right:6px}.open-answers-icon{color:#d57370}.training-navigation{height:20px;margin-top:50px}span.training-prev{color:gray;float:left}span.training-next{color:gray;float:right}.training__form__question{margin-bottom:2rem}.training__form__question__title{margin-bottom:0.5rem}.training__form__field{border:solid 2px #eeeeee;border-radius:5px;width:100%;height:100px;resize:vertical;font-size:16px;font-family:sans-serif}.training__form__button{max-width:300px}#option .training-answer-page code,#option .training-problem code{color:darkgreen;font-weight:bold;background:#eee;border-radius:3px;padding:1px 0;margin:0;font-family:Courier, monospace}#option .training-answer-page input[type="submit"]:disabled,#option .training-problem input[type="submit"]:disabled{background-color:#eeeeee;border:2px solid #eeeeee;color:#a13532;cursor:not-allowed}#option form .training__form__latest-answer{font-size:14px;color:#8f8f8f}#option form .training__form__button{margin:auto}.training-answers-navigation{margin:0 auto;overflow:hidden}.training-answers-navigation__link{display:block;margin-bottom:8px}.training-thumbnail{width:100%;max-width:720px;margin-top:1.5em;margin-bottom:1.5em}.training__start{max-width:700px;margin:auto}.training__start__title{font-size:1.4em;text-align:center}#option .training__start .btn-red{margin-bottom:1em}.business_table td,.business_table th{border:1px solid #fff}.business_table td:not(.business_table__label),.business_table th{text-align:center}.business_table td:not(.business_table__label){color:#a13532}.business_table th{padding:8px}.business_table tr:nth-child(2n){background-color:#ffeeee}.business_table__label{text-align:right;width:150px}div.paginator{display:flex;overflow:hidden;margin:10px}div.paginator .page-prev{float:left;cursor:pointer}div.paginator .page-prev div::before{content:'\f060';font-family:'Font Awesome 6 Pro';right:16px}div.paginator .page-next{float:right;cursor:pointer}div.paginator .page-next div::after{content:'\f061';font-family:'Font Awesome 6 Pro';right:16px}