html,body{height:auto}body{background-color:#f8f8f4}.lp .background{background:#1dbca0}.main-section{padding:40px 0 50px}.main-section .subhead{margin-bottom:0}.list-group-item{position:relative;color:#333;font-size:18px;font-weight:bold;padding:18px 25px}.list-group-item .fa{color:#1dbca0;font-size:28px;vertical-align:middle;width:32px}.list-group-item:hover{text-decoration:none;color:#333;background-color:#f6f6f6}.list-group-item:after{font-family:"FontAwesome";content:"\f054";color:#CCC;position:absolute;right:20px}.head-section{padding:12px 0;background-color:#1dbca0}.head-section .section-text h1{color:#fff;font-size:22px}.head-section .section-text h1 .fa{color:#fff;font-size:28px;vertical-align:middle}.section-body{padding:30px 0 50px}.breadcrumb a{color:#1dbca0;font-weight:bold}.breadcrumb a .fa{font-size:20px}.head-section .breadcrumb{padding:0;margin:0;white-space:normal}.head-section .breadcrumb a{color:#fff;text-shadow:none}.head-section .breadcrumb h1{color:#fff;text-shadow:none;font-size:14px}.head-section .breadcrumb h1 span{font-size:18px;font-weight:bold}.head-section .breadcrumb>li>.divider{color:#fff}.guide-content-body{padding:25px;background-color:#fff;border:1px solid #ddd}.guide-intro .page-title{margin-top:0}.guide-intro .well{padding:10px 15px}.guide-step .guide-contents{border-bottom:2px dotted #CCC;padding:15px 0;position:relative}.guide-step .guide-contents:last-child{border-bottom:0}.guide-step .guide-step-headline{position:relative;transition:all .5s ease;cursor:pointer}.guide-step .guide-step-headline:before,.guide-step .guide-step-headline:after{position:absolute;content:'';width:22px;height:2px;background-color:#1dbca0}.guide-step .guide-step-headline:before{top:48%;right:0;transform:rotate(0)}.guide-step .guide-step-headline:after{top:48%;right:0;transform:rotate(90deg)}.guide-step .guide-step-headline.step-close::before{transform:rotate(45deg)}.guide-step .guide-step-headline.step-close::after{transform:rotate(-45deg)}.guide-step .guide-step-headline .step-number{font-size:16px;font-weight:bold;color:#1dbca0}.guide-step .guide-step-headline .step-title{font-size:20px;font-weight:bold;margin:0}.url-copy{color:#1dbca0;padding:4px;margin:0;z-index:10;line-height:15px;font-size:15px;background-color:#d7f7f2;border:1px solid #98e9dd;border-radius:15px}.url-copy:hover{color:#1dbca0;background-color:#98e9dd}.guide-content-body .url-copy{position:absolute;top:16px;left:66px}.guide-content-body .choice-template-contents .url-copy,.guide-content-body .setting-contents .url-copy,.guide-content-body .function-guide .url-copy{position:relative;top:0;left:0;color:#1dbca0;background-color:#fff;padding:2px 4px}.guide-content-body .choice-template-contents .url-copy:hover,.guide-content-body .setting-contents .url-copy:hover,.guide-content-body .function-guide .url-copy:hover{background-color:#98e9dd}.guide-content-body .template-type-lower .url-copy,.guide-content-body .setting-contents .url-copy,.guide-content-body .function-guide .url-copy{background-color:#d7f7f2}.guide-content-body .template-type-lower .url-copy:hover,.guide-content-body .setting-contents .url-copy:hover,.guide-content-body .function-guide .url-copy:hover{background-color:#98e9dd}.guide-content-body .setting-contents .url-copy{top:-2px}.guide-step .guide-step-body{margin-top:10px}.guide-intro .well-yellow,.guide-step .guide-step-body .well-yellow{border-color:#ffefb9;background-color:#fffbea}.next-step{text-align:center;font-size:24px;line-height:24px;color:#999;width:640px}.breadcrumb{padding:15px 0 5px}.template-column{flex:0 0 74%;padding-right:30px}.template-column .column-title{font-size:18px;font-weight:bold;margin:0 0 10px}.template-column .template-list ul{display:flex;flex-wrap:wrap}.template-column .template-list ul li{width:25%;padding:0 5px;box-sizing:border-box;font-size:12px}.casestudy-column{flex:1 1 0}.casestudy-column .column-title{font-size:16px;font-weight:bold;margin:0 0 5px}.casestudy-column .casestudy-read{font-size:12px}.casestudy-column .nav-tabs a{color:#333;font-size:13px}.casestudy-column .nav-tabs a:hover{background-color:#fffcf0}.casestudy-column .nav-tabs a .fa{color:#1cb097}.guide-content-footer{padding:20px;background-color:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden}.guide-link a{font-size:14px;color:#1dbca0;font-weight:bold}.setting-step{counter-reset:number 0;flex:0 0 75%;padding-right:30px}.setting-contents{border-bottom:2px dotted #CCC;padding:20px 0;position:relative}.setting-contents.no-border{border-bottom:0;padding:20px 0 10px}.setting-contents:last-child{border-bottom:0;padding:20px 0 10px}.setting-contents .well{padding:10px 15px}.setting-step .setting-title:before{color:#333;counter-increment:number 1;content:counter(number);display:inline-block;background:#ddd;border-radius:50%;margin-right:5px;width:25px;height:25px;font-size:14px;font-weight:bold;line-height:25px;text-align:center;position:relative;bottom:2px}.setting-step .setting-title{font-size:20px;font-weight:bold;margin:0}.setting-step .setting-body{margin-top:5px}.setting-step .check-list{margin:5px 0}.setting-step .check-list li{margin-bottom:5px}.setting-body .well{margin:0}.flex-column{display:flex}.anchorlink-block{flex:1 1 0;counter-reset:number 0;background-color:#fff;padding-top:30px;position:sticky;top:20px;align-self:flex-start}.anchorlink-nav-heading{color:#666;font-weight:bold;font-size:14px;line-height:1.2}.anchorlink-nav .anchorlink-nav-list{padding:0;margin:0;list-style-type:none}.anchorlink-nav .anchorlink-nav-list li{margin:8px 0 0;max-width:320px}.anchorlink-nav .anchorlink-item{color:#1dbca0;font-size:14px;line-height:1.2;text-decoration:none;display:block;text-indent:-20px;margin-left:20px;position:relative}.anchorlink-nav .anchorlink-item:before{color:#fff;content:"";display:inline-block;background:#1dbca0;border-radius:50%;margin-right:4px;left:0;width:18px;height:18px;font-size:70%;line-height:18px;text-align:center;position:relative;top:4px}.anchorlink-nav .anchorlink-item:after{color:#fff;counter-increment:number 1;content:counter(number);display:inline-block;width:18px;height:18px;font-size:80%;line-height:18px;text-align:center;position:absolute;left:-10px;top:4px}.guide-basic-llink{display:flex}.guide-link-flame{flex-grow:1;padding:0 5px}.guide-basic-llink .btn,.guide-basic-llink .btn:hover,.guide-basic-llink .btn:focus{color:#1dba9f;border-color:#1dba9f;padding:12px 20px;width:100%;font-size:16px}.guide-basic-llink .btn:hover{background-color:#edfcfa}.choice-template{margin-top:10px}.choice-template-contents{background-color:#dbf7f2;padding:10px 15px;margin-bottom:2px;position:relative}.template-type-headline .headline-text{margin:0;font-size:16px;cursor:pointer}.template-type-headline .headline-text:before{font-family:"FontAwesome";content:"\f0da";color:#1cb097;font-size:18px;margin-right:5px}.template-type-headline.choice-close .headline-text:before{font-family:"FontAwesome";content:"\f0d7";color:#1cb097;font-size:18px;margin-right:5px}.template-type-headline a{color:#333;font-weight:bold}.template-type-headline a:hover{text-decoration:none}.template-type-body{padding:5px 0}.guide-body{padding:10px 15px;background-color:#fff}.template-type-body .nav-tabs{border-radius:4px}.template-type-body .nav-tabs a{color:#333;font-weight:bold}.template-type-body .nav-tabs a:hover{background-color:#fffcf0}.template-type-body .nav-tabs a .fa{color:#1cb097}.template-type-lower{border:1px solid #eee9e4;padding:8px 12px}.template-type-lower-headline{font-weight:bold;cursor:pointer}.template-list{overflow-x:auto;white-space:nowrap;padding:0 0 5px 0}.temp-thumbnail{display:inline-block;position:relative;cursor:pointer;margin-right:5px;vertical-align:top;width:165px}.template-type-lower-headline:before{font-family:"FontAwesome";content:"\f0da";color:#1cb097;font-size:18px;margin-right:5px}.template-type-lower-headline.choice-close:before{font-family:"FontAwesome";content:"\f0d7";color:#1cb097;font-size:18px;margin-right:5px}.temp-title{font-size:12px;font-weight:bold;width:165px;white-space:normal}.temp-thumbnail:hover .temp-title{color:#2895f1}.temp-link{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:20px;background-color:rgba(0,0,0,0.8)}.template-type-lower-body .temp-link .link-btn{display:block;border:1px solid #fff;padding:5px 10px;margin:5px 8px;color:#fff;font-size:12px;text-align:center}.template-type-lower-body .temp-link .link-btn .fa{color:#fff}.template-type-lower-body .temp-link .link-btn:hover{text-decoration:none;background-color:rgba(255,255,255,0.3)}.template-type-search{display:flex;padding:5px 0}.temp-search-category{flex-grow:2}.temp-search-tag{flex-grow:1;text-align:right}.temp-search-tag .btn-small{padding:4px 10px;color:#666}.function-guide{counter-reset:number 0}.function-list{margin-top:15px}.function-list .nav-tabs a{color:#333;font-size:14px;font-weight:bold}.function-list .nav-tabs a:hover{background-color:#fffcf0}.function-list .nav-tabs a .fa{color:#1cb097}.functionlink-block .function-list{margin-top:0}.functionlink-block .function-list .nav-tabs a{font-size:12px}.functionlink-block .function-list .nav-tabs .active a{background-color:#1dbca0;color:#fff}.functionlink-block .function-list .nav-tabs .active a .fa{color:#fff}.function-guide .funtion-title{font-size:18px;border-bottom:1px dotted #999;padding-bottom:5px;margin-bottom:15px;position:relative}.function-guide .funtion-title .fa{color:#1dbca0}.function-list .category-item{border:1px solid #eee9e4;border-radius:4px 4px 0 0;color:#333;font-size:14px;font-weight:bold;padding:8px 12px;background-color:#f6f6f6}.function-list .category-link a{padding-left:25px}.guide-step-nav{background-color:#FFF;border-left:1px solid #ddd;border-bottom:1px solid #ddd}.guide-step-nav .nav{display:flex;align-items:stretch}.guide-step-nav .nav li{text-align:center;border-right:1px solid #ddd;flex:1}.guide-step-nav .nav a{display:block;height:100%;color:#333;font-size:14px;font-weight:bold;padding:10px 15px}.guide-step-nav .nav a:hover{background-color:#fffcf0}.guide-step-nav .nav .active a{background-color:#dbf4f0;color:#333}.guide-step-nav .nav .step-num{display:block;color:#1dbca0}.guide-step-nav .nav .active .step-num{display:block;color:#1dbca0}.guide-step-nav .nav .active a:hover{background-color:#fffcf0}.nav-check-list{background-color:#FFF;margin:5px 0 0;padding:0;list-style:none;display:block}.nav-check-list li{display:block;margin-bottom:-1px;border:1px solid #ddd;color:#333;padding:10px 15px}.nav-check-list .check-headline{font-size:14px;font-weight:bold}.nav-check-list .check-item{font-size:14px;margin-top:5px;padding:10px 15px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px}.nav-check-list .check-headline>.fa{color:#1cb097}.btn-info,.btn-info:hover,.btn-info:active,.btn-info:visited,.btn-info:focus{color:#fff;font-size:14px;font-weight:bold;background-color:#1dbca0;border-color:#1dbca0;background-image:none}.btn-info:hover{background-color:#1aa88f;border-color:#1aa88f}.pagetop{right:20px}@media(max-width:991px){.section-body{padding:15px 0 50px}.main-section{padding:90px 0 40px}.main-section h1{font-size:26px;line-height:1.4}.main-section .subhead{font-size:16px;line-height:1.6}.lp .function-section{padding:20px 0}.head-section{margin-top:52px;padding:10px 0}.guide-basic-llink{flex-flow:column}.guide-step-nav .nav a{font-size:12px}.list-group-item{font-size:16px}.next-step{width:100%}}@media(max-width:800px){.footer-link{display:block}.footer-link .btn-info{display:inline-block;font-size:12px}}@media(max-width:767px){.head-section .section-text h1{font-size:16px}.head-section .section-text h1 .fa{font-size:16px;vertical-align:inherit}.breadcrumb{margin-bottom:5px}.guide-content-body{padding:15px}.guide-intro .page-title{font-size:20px;margin-top:0}.setting-step .setting-title{font-size:16px}.flex-column{flex-direction:column}.anchorlink-block{order:1;position:relative;top:0;margin-top:10px;padding:15px;background:#f7f7f7;border-radius:5px;width:100%}.setting-step{order:2;padding-right:0}.anchorlink-nav .anchorlink-nav-list li{max-width:inherit;margin:3px 0 0}.anchorlink-nav-heading,.anchorlink-nav .anchorlink-item{font-size:12px}.setting-step .setting-title:before{width:22px;height:22px;font-size:12px;line-height:22px}.function-guide{margin-bottom:30px}.guide-content-footer .guide-link.pull-left,.guide-content-footer .guide-link.pull-right{float:none}.template-type-body{padding:10px 0}.choice-template-contents{padding:10px}.temp-search-category{flex-grow:1;width:calc(100% - 100px)}.temp-search-category select{width:100%}.temp-search-tag{flex-grow:1;width:100px}}@media(max-width:600px){.footer-link{position:relative;right:auto;display:flex;flex-direction:column}.footer-link .btn{flex:1;margin:1px;margin:3px 15px;border-radius:4px}.section-body{padding:15px 0 20px}.pagetop{position:relative;bottom:auto;display:block !important;width:auto;border-radius:4px;height:22px;line-height:20px;margin:3px 15px;box-sizing:border-box;background-color:#999;right:0}}@media(max-width:480px){.guide-step-nav{border-bottom:0}.guide-step-nav .nav{flex-direction:column}.guide-step-nav .nav li{text-align:left;border-bottom:1px solid #ddd}.guide-step-nav .nav .step-num{display:inline-block;margin-right:5px}.guide-step-nav .nav .active .step-num{display:inline-block;margin-right:5px}.guide-step-nav .nav a{font-size:14px}}