@charset "UTF-8";
@import url(../fonts/font-awesome.min.css);
@font-face{font-family:'cwTeXHei';font-style:normal;font-weight:600;src:url(../fonts/cwTeXHei-zhonly.eot);src:url(../fonts/cwTeXHei-zhonly.eot?#iefix) format("embedded-opentype"),url(../fonts/cwTeXHei-zhonly.woff2) format("woff2"),url(../fonts/cwTeXHei-zhonly.woff) format("woff"),url(../fonts/cwTeXHei-zhonly.ttf) format("truetype")}
html{height:100%}body{position:relative;display:block;height:100%;background:url("../img/bg-main.png") repeat center center;background-color:#FFF;padding:0!important;font-family:Arial,sans-serif,'Helvetica Neue',Helvetica,"微軟正黑體","メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";font-size:15px;line-height:22.5px;color:#404040}a{color:#608d00}a:focus,a:hover{color:#789e26}.arthref .icon-container{background:rgba(0,0,0,0.5)}.app-student .box-headline{background-color:#FFF}.price,.number,.text-red,.help-required{color:#d81818;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif}.keyword{color:#4d7100;font-weight:800;padding:0 3px}.date{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif}.price{font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,sans-serif}.price.price-del{font-weight:normal;color:#e6a3a3;text-decoration:line-through}.price.price-del b{font-weight:normal}.price > i{font-style:normal;font-size:.5em;margin-right:3px}.price .number{font-size:2em}.required:before{font-family:FontAwesome;font-weight:normal;content:'\f069';font-style:normal;font-size:10px;color:#d81818;margin-right:3px;vertical-align:top}.img-width-full{width:100%}.text-ellipsis{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.text-student{color:#f9b700}.text-teacher{color:#095ba3}.text-parents{color:#97769b}.max-width-200{max-width:200px}.btn-app{color:#FFF;text-shadow:1px 1px 1px rgba(0,0,0,0.2);background-color:#44BCC6;border-color:#3aa0a8}.btn-app:hover,.btn-app:focus,.btn-app.active{color:#FFF;background-color:#3aa0a8;border-color:#30848b}.btn-border{color:gray;background-color:#FFF;border:1px solid #bfbfbf}.btn-border:hover,.btn-border:focus{color:#666666;background-color:#e6e6e6;border:1px solid #b3b3b3}.btn-buy-check{color:#FFF;border:1px solid #5a8400;text-shadow:1px 1px 0 rgba(0,0,0,0.25),-1px -1px 0 rgba(0,0,0,0.25);background:#00bcf9;background:-moz-linear-gradient(top,#76dbfc 0%,#00bcf9 50%,#0197c8 50%,#0197c8 100%);background:-webkit-linear-gradient(top,#76dbfc 0%,#00bcf9 50%,#0197c8 50%,#0197c8 100%);background:-webkit-gradient(linear,left top,left bottom,from(#76dbfc),color-stop(50%,#00bcf9),color-stop(50%,#0197c8),to(#0197c8));background:-o-linear-gradient(top,#76dbfc 0%,#00bcf9 50%,#0197c8 50%,#0197c8 100%);background:linear-gradient(to bottom,#76dbfc 0%,#00bcf9 50%,#0197c8 50%,#0197c8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#76dbfc',endColorstr='#0197c8',GradientType=0)}.btn-buy-check:hover,.btn-buy-check:focus{color:#FFF;background:#0091cf;background:-moz-linear-gradient(top,#49bff2 0%,#0091cf 50%,#0073a6 50%,#0073a6 100%);background:-webkit-linear-gradient(top,#49bff2 0%,#0091cf 50%,#0073a6 50%,#0073a6 100%);background:-webkit-gradient(linear,left top,left bottom,from(#49bff2),color-stop(50%,#0091cf),color-stop(50%,#0073a6),to(#0073a6));background:-o-linear-gradient(top,#49bff2 0%,#0091cf 50%,#0073a6 50%,#0073a6 100%);background:linear-gradient(to bottom,#49bff2 0%,#0091cf 50%,#0073a6 50%,#0073a6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49bff2',endColorstr='#0073a6',GradientType=0)}.btn-black{color:#FFF;background-color:#333}.btn-black:hover,.btn-black:focus{color:#EEE;background-color:#333}.btn-gary{color:#FFF;background-color:gray}.btn-gary:hover,.btn-gary:focus{color:#EEE;background-color:#666666}.table{background-color:#FFF}.table .complete > th,.table .complete > td{color:gray;background-color:#ecefe6}.table .table-nowrap-td{max-width:150px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.table .table-form-control{padding:3px}.table .table-form-control .form-control{border-color:#d9d9d9}.table-responsive{padding:0;margin:0 0 10px;border:1px solid #ddd}.table-responsive:last-child{margin-bottom:0}.table-responsive .table{margin:0;border:1px solid #ccc !important;min-width:100%}.table-responsive .table tr:last-child th,.table-responsive .table tr:last-child td{border-bottom:0}.table-responsive .table tr th:first-child,.table-responsive .table tr td:first-child{border-left:0}.table-responsive .table tr th:last-child,.table-responsive .table tr td:last-child{border-right:0}.dropdown > .dropdown-toggle{padding-right:25px}.dropdown > .dropdown-toggle:before{position:absolute;right:8px;top:50%;margin-top:-2px;display:inline-block;border-right:5px solid transparent;border-top:5px solid #fff;border-left:5px solid transparent;content:''}.dropdown .dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2)}.panel.panel-default{border-color:#CCC}.panel > .panel-heading{position:relative;border-top:1px solid #DDD}.panel > .panel-heading:first-child{border-top:none}.panel > .panel-heading > .panel-heading-btn{position:absolute;top:2px;right:2px}.panel.panel-green,.panel.panel-black,.panel.panel-red{border:0}.panel.panel-green > .panel-heading,.panel.panel-black > .panel-heading,.panel.panel-red > .panel-heading{color:#FFF}.panel.panel-green > .panel-heading{background-color:#62bb46}.panel.panel-green > .panel-body{color:#62bb46}.panel.panel-black > .panel-heading{background-color:#363636}.panel.panel-black > .panel-body{color:#363636}.panel.panel-red > .panel-heading{background-color:#cc3333}.panel.panel-red > .panel-body{color:#cc3333}.panel .table{border-bottom:1px solid #DDD}.panel .table th{white-space:nowrap}.panel .table-summery{padding:10px 10px 0}.panel > .app-pagination .pagination{margin:15px}.panel .panel-body-heading{color:#333;background-color:#f5f5f5;border:1px #DDD solid;border-width:1px 0;padding:10px 15px;margin:0 -15px 15px}.panel .panel-page-pagination{padding-top:15px}.panel .panel-page-pagination .pagination{margin:10px 0 20px}.panel .panel-toolsbar{padding:5px}.panel-toolsbar{position:relative}.panel-toolsbar > .toolsbar-btn-group,.panel-toolsbar > .toolsbar-option{display:table;width:auto}.panel-toolsbar > .toolsbar-btn-group{float:left}.panel-toolsbar > .toolsbar-option{float:right}.panel-toolsbar > .toolsbar-option > .input-group .input-group-addon,.panel-toolsbar > .toolsbar-option > .input-group .form-control,.panel-toolsbar > .toolsbar-option > .input-group .btn{border-width:1px 0 1px 1px}.panel-toolsbar > .toolsbar-option > .input-group .input-group-addon:first-child,.panel-toolsbar > .toolsbar-option > .input-group .form-control:first-child,.panel-toolsbar > .toolsbar-option > .input-group .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.panel-toolsbar > .toolsbar-option > .input-group .input-group-addon:last-child,.panel-toolsbar > .toolsbar-option > .input-group .form-control:last-child,.panel-toolsbar > .toolsbar-option > .input-group .btn:last-child{border-right-width:1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.panel-toolsbar > .toolsbar-option > .option-text{padding:6px}.panel-app{border:0}.panel-app > .panel-heading{color:#fff;background-color:#608d00;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.panel-table .table-info{padding:10px 5px}.panel-table .table-info .info-inline{display:inline-block;margin:0 10px}.panel-table .table-info .info-inline .info-ladel{color:gray}.tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,0.6);text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.tooltip.top .tooltip-arrow{border-top-color:rgba(0,0,0,0.6)}.tooltip.bottom .tooltip-arrow{border-bottom-color:rgba(0,0,0,0.6)}.tooltip.left .tooltip-arrow{border-left-color:rgba(0,0,0,0.6)}.tooltip.right .tooltip-arrow{border-right-color:rgba(0,0,0,0.6)}.page-pagination{padding-top:15px;display:table;width:100%}.page-pagination .pagination-info{padding:6px 15px}.page-pagination .pagination-info .number{color:#608d00}.page-pagination .pagination-box{text-align:right}.page-pagination .pagination-box .pagination{margin:0}.page-pagination .pagination{margin-top:10px}.page-pagination .pagination > li > a{color:#000;background-color:#CCCCCC;border:1px solid #608d00;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.page-pagination .pagination > li > a:hover{color:#608d00;background-color:#DDD}.page-pagination .pagination > li.active > a{color:#FFF;background-color:#608d00;border-color:#4d7100}.page-breadcrumb > .breadcrumb{text-align:right;background-color:transparent;padding:3px 5px;margin-top:-12px;margin-bottom:5px}.page-breadcrumb > .breadcrumb > li + li:before{font-size:13px}.app-form{padding:10px 10px 0}.app-form [class^="col-"],.app-form [class*=" col-"]{padding-right:6px;padding-left:6px}.app-form .form-group{margin-bottom:10px}.app-form .form-group.form-group-static{margin-bottom:0}.app-form .form-group.form-group-static .form-control-static{color:gray}.app-form .form-group > .control-label{margin-top:7px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.app-form .form-group .form-control{margin-bottom:5px}.app-form .form-group .input-group{margin-bottom:5px}.app-form .form-group .input-group .form-control{margin-bottom:0}.app-form .form-img-list{margin:10px -23px;padding:15px;background-color:#f2f2f2}.app-form .form-img-list .form-img-box{text-align:center}.app-form .form-img-list .form-img-box > .form-img-title{padding:5px}.app-form .form-img-list .img-responsive{background-color:#CCC;max-height:150px;margin:0 auto}.app-form input[type="file"]{padding:4px 5px;background-color:#f2f2f2}.app-form .panel-body-heading{margin:0 -23px 15px}.app-form .form-date-time{display:table}.app-form .form-date-time > .form-control{width:45%;display:table-cell}.app-form .form-date-time > .form-control:first-child{width:55%;border-right:0}.app-form .app-form-btn{margin-top:10px}.app-form .form-subtitle{color:#608d00;padding:12px 6px;margin:0}.app-form-static .form-group{margin-bottom:0}.form-control{color:#30848b;border-color:#a9a9a9;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form-control:focus{border-color:#b0c680;-webkit-box-shadow:0 0 5px #e6f2cc;-moz-box-shadow:0 0 5px #e6f2cc;box-shadow:0 0 5px #e6f2cc}.app-form-fieldset{border:1px solid #797979;padding:15px 25px}.app-form-fieldset > legend{margin:0 0 0;border:0;background-color:transparent}.verification-code{margin-top:10px}.verification-code img{max-width:100%}.form-grade .form-grade-input{margin:5px 0 0;padding:0}.form-group-file .form-group-file-box > a{display:block;padding:8px 3px 0;text-decoration:none}.form-group-file .form-group-file-box > a > i{display:inline-block;vertical-align:baseline;color:gray}.app-list-nav .nav > li{padding:0;margin:0}.app-list-nav .nav > li > a{display:table;width:100%;border-bottom:1px solid #666;padding:15px 5px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.app-list-nav .nav > li > a .item-title,.app-list-nav .nav > li > a .item-description{padding-left:5px;padding-right:5px}.app-list-nav .nav > li > a .item-title{font-weight:bold;color:#333}.app-list-nav .nav > li > a .item-description{color:#999}.modal > .modal-dialog > .modal-content{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.modal-table > .table{margin:0;border-bottom:1px solid #DDD}.modal-pagination{padding-top:8px}.modal-pagination .pagination{margin:5px 0 8px}.app-btn-group{text-align:center;margin-bottom:15px}.app-btn-group .btn-group > .btn{padding:6px 24px;margin-left:-2px;color:#30848b;background-color:#FFF;border:2px solid #3aa0a8}.app-btn-group .btn-group > .btn.active{color:#FFF;background-color:#3aa0a8}.app-btn-group .btn-group > .btn.active:hover,.app-btn-group .btn-group > .btn.active:focus{background-color:#30848b}.app-btn-group .btn-group > .btn:hover,.app-btn-group .btn-group > .btn:focus{background-color:#EEE}.app-table-box .table-tools-bar{margin-bottom:10px}.app-table-box .table-tools-bar .input-group .btn,.app-table-box .table-tools-bar .input-group .form-control,.app-table-box .table-tools-bar .input-group .input-group-addon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.app-table-box .app-table-btn{display:table;width:100%;margin-bottom:5px}.app-table-box .table-options{margin-bottom:5px}.app-table-box .table-options .input-group-addon,.app-table-box .table-options .form-control{border-color:#b3b3b3;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.app-table-box .table-responsive > .col-sm-12{padding:0}.app-table-box .table-responsive .table{margin:0}.app-table-box .table{margin-bottom:10px}.app-table-box .table tr.table-line-blue > th,.app-table-box .table tr.table-line-blue > td{color:#FFF;background-color:#3aa0a8}.app-table-box .table tr.table-line-blue > th > .sort > i{color:#FFF}.app-table-box .table tr > th,.app-table-box .table tr > td{height:36px}.app-table-box .table tr > th{text-align:center}.app-table-box .table tr > th > .sort{display:block;padding:8px;margin:-8px;cursor:pointer;white-space:nowrap}.app-table-box .table tr > th > .sort > i{color:#608d00}.app-table-box .page-pagination{margin-bottom:10px}.app-table-box .page-pagination .pagination-info{padding-left:0}.app-table-box .page-pagination .pagination-box{padding-right:0}.app-table-box .table-pagination .pagination-count .dataTables_info{padding:3px 10px}.app-table-box .table-pagination .pagination-nav{text-align:right}.app-table-box .table-pagination .pagination-nav .pagination{margin:0}.app-table-box .table-pagination .pagination-nav .pagination > li.active > a{background-color:#44BCC6;border-color:#3aa0a8}.app-table-box .table-pagination .pagination-nav .pagination > li.active > a:hover{background-color:#3aa0a8;border-color:#30848b}.app-table-box .table-pagination .pagination-nav .pagination > li > a{padding:3px 10px}.btn-group-switch > .btn{color:#EEE;text-shadow:1px 1px 0 rgba(0,0,0,0.15);background-color:#9e9e9e}.btn-group-switch > .btn.active{color:#FFF}.btn-group-switch > .btn.active.btn-switch-check{background-color:#5cb85c}.btn-group-switch > .btn.active.btn-switch-close{background-color:#d9534f}header{position:relative;z-index:9;display:table;width:100%;background-color:#FFF;height:120px}header .app-navbar-header{display:table;width:100%}.app-brand{position:absolute;left:0;z-index:1108;padding:0;display:block;padding:10px}.app-brand > img{max-height:50px}.app-header{position:fixed;z-index:1008;top:0;left:0;right:0}.app-header > .container{padding:0}.app-navbar-header a{text-decoration:none}.app-navbar-header .dropdown .dropdown-menu{padding:0;margin:0;font-size:15px;background-color:#FFF;border:3px solid #4d7100;border-width:3px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175)}.app-navbar-header .dropdown.open > a:after{position:absolute;bottom:0;left:11px;display:inline-block;border-right:11px solid transparent;border-bottom:11px solid #4d7100;border-left:11px solid transparent;content:''}.app-navbar-header .header-nav{display:block;height:70px;text-align:right}.app-navbar-header .header-nav > .nav{float:right}.app-navbar-header .header-nav > .nav > li > a{padding:24px 10px;color:#789e26;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.app-navbar-header .header-nav > .nav > li > a:hover{color:#608d00}.app-navbar-header .header-nav .user-name{padding:24px 10px;color:#333333}.app-navbar-header .header-tabs{display:block;background-color:#44BCC6;height:50px}.app-navbar-header .header-tabs > .nav-tabs{background-color:#666666;border:0}.app-navbar-header .header-tabs > .nav-tabs > li{margin:0}.app-navbar-header .header-tabs > .nav-tabs > li.active > a{padding:11px 18px;text-shadow:1px 1px 0 rgba(0,0,0,0.15);background-color:#44BCC6}.app-navbar-header .header-tabs > .nav-tabs > li.active > a:hover,.app-navbar-header .header-tabs > .nav-tabs > li.active > a:focus{background-color:#3aa0a8}.app-navbar-header .header-tabs > .nav-tabs > li.left-menu-switch > a > .switch-text{display:none}.app-navbar-header .header-tabs > .nav-tabs > li > a{padding:11px 18px;margin:0;border:0;color:#FFF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.app-navbar-header .header-tabs > .nav-tabs > li > a:hover,.app-navbar-header .header-tabs > .nav-tabs > li > a:focus{border:0;background-color:#575757}.app-navbar-header .header-tabs .dropmenu{right:0}.app-navbar-header .header-tabs .dropmenu.open > a{background-color:#4d7100}.app-navbar-header .header-tabs .dropmenu > a > .fa{margin-left:3px}.app-navbar-header .header-tabs .dropmenu > .dropdown-menu{margin:-1px 0 0;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.app-navbar-header .header-tabs .dropmenu > .dropdown-menu > li > a{padding:10px 20px}footer{position:relative;z-index:8;height:30px;background-color:#cccccc}footer .copyright{font-size:11px;line-height:30px;text-align:center;color:#404040}footer .copyright a{color:#404040;text-decoration:underline}footer .copyright a:hover{color:#666666;text-decoration:none}footer .copyright .text-line{display:block;text-align:right;line-height:17px}footer .copyright .text-line:first-child{margin-top:17px}.app-wrapper{height:100%;position:relative;z-index:1}.app-wrapper .app-contents{min-height:100%;z-index:10;}.layout-col-2 .page-heading{padding:0}.layout-col-2 .page-heading > h1{padding:2px 12px}.layout-col-2 .page-navbar{margin-bottom:15px}.layout-col-2 .hp-nav-box{margin-top:0}.layout-col-2 .hp-nav-box .hp-nav-course .list-item > a:after{margin:0 6px}.layout-col-2 > .row > .col-xs-3{width:0}.layout-col-2 > .row > .col-xs-3 > .left-menu{position:fixed;z-index:1008;top:120px;bottom:0;left:0;right:auto;width:220px;background-color:#cccccc}.layout-col-2 > .row > .col-xs-9{display:block;width:100%;padding-left:235px}.app-contents{position:relative;z-index:0;margin:0 auto -30px;padding:140px 0 100px}.contents-box .page-heading{position:relative;padding:5px 6px 10px;margin-bottom:15px}.contents-box .page-heading > h1{margin:0;font-size:26px;font-weight:bold;line-height:1.25em}.contents-box .page-heading > h1 > u{color:#4d7100;text-decoration:none}.contents-box .page-heading > h1 > .user-img{display:inline-block;margin:-3px 6px -3px 0;vertical-align:top}.contents-box .page-heading > h1 > .user-img > img{max-width:36px;max-height:36px}.contents-box .page-heading .heading-info{color:gray;display:table;font-size:13px;padding:5px 15px 0;margin-top:5px;width:100%;border-top:1px solid #EEE}.contents-box .page-heading .heading-info .info-label{color:gray}.contents-box .page-heading .heading-info .sender,.contents-box .page-heading .heading-info .date{color:#5bc0de}.contents-box .page-heading .heading-dropdown{position:absolute;top:0;bottom:0;right:0}.contents-box .page-heading .heading-dropdown.open > .dropdown-menu{border:3px solid #4d7100;border-width:3px 0}.contents-box .page-heading .heading-dropdown.open > .dropdown-menu:after{position:absolute;right:18px;top:0;margin-top:-9px;display:inline-block;border-right:9px solid transparent;border-bottom:9px solid #4d7100;border-left:9px solid transparent;content:''}.contents-box .page-heading .heading-dropdown .dropmenu-user-info,.contents-box .page-heading .heading-dropdown .heading-dropdown-btn{display:inline-block;vertical-align:middle}.contents-box .page-heading .heading-dropdown .dropmenu-user-info{padding:9px}.contents-box .page-heading .heading-dropdown .info-user-img,.contents-box .page-heading .heading-dropdown .info-user-name{display:inline-block;vertical-align:middle;margin-top:-2px}.contents-box .page-heading .heading-dropdown .info-user-img{margin-right:5px}.contents-box .page-heading .heading-dropdown .info-user-img > img{max-width:36px;max-height:36px}.contents-box .page-heading .heading-dropdown .info-user-number{display:none}.contents-box .page-heading .heading-dropdown .heading-dropdown-btn{position:relative;width:52px;height:52px;padding:15px 15px 15px 6px;font-size:11px;line-height:13px;color:#FFF;background-color:#608d00;text-decoration:none}.contents-box .page-heading .heading-dropdown .heading-dropdown-btn > i{position:absolute;top:20px;right:5px;font-size:15px}.contents-box .page-heading .heading-dropdown > .dropdown-menu{padding:0;margin:0}.contents-box .page-heading .heading-dropdown > .dropdown-menu > li > a{padding:8px 12px;border-bottom:1px solid #EEE}.contents-box .page-navbar{text-align:right}.contents-box .page-body{padding:15px;background-color:#FFF;min-height:477px}.contents-box .panel-default > .panel-heading{background-color:#FFF}.contents-box .panel-default > .panel-heading > h3{font-size:20px;font-weight:bold}.left-menu .left-menu-user-info{position:relative;padding:13px 0 0 70px;min-height:70px}.left-menu .left-menu-user-info .info-user-img{position:absolute;top:10px;left:10px}.left-menu .left-menu-user-info .info-user-img > img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.left-menu .menu-search{padding:6px 8px}.left-menu .menu-search > .input-group-addon{background-color:#FFF;border:0;-webkit-border-radius:34px 0 0 34px;-moz-border-radius:34px 0 0 34px;border-radius:34px 0 0 34px}.left-menu .menu-search .form-control{background-color:#FFF;border:0;-webkit-border-radius:0 34px 34px 0;-moz-border-radius:0 34px 34px 0;border-radius:0 34px 34px 0}.left-menu .left-menu-nav{border-top:0}.left-menu .left-menu-nav > li{margin:0}.left-menu .left-menu-nav > li.active > a{color:#FFF;background-color:#44BCC6}.left-menu .left-menu-nav > li.active > a:hover{background-color:#3aa0a8;cursor:default}.left-menu .left-menu-nav > li.active > a > .fa{opacity:1}.left-menu .left-menu-nav > li > a{padding:14px;color:#1a1a1a;text-align:center;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.left-menu .left-menu-nav > li > a:hover{color:#FFF;background-color:#748c8e}.left-menu .left-menu-nav > li > a:hover > .fa{opacity:1}.left-menu .left-menu-nav > li > a > .fa{opacity:.7;font-size:20px;width:24px;margin-right:6px;vertical-align:middle}.left-menu .left-menu-collapse > a{display:block;padding:10px 15px;color:#4d7100;background-color:#FFF;border:1px solid #EEE;border-bottom:0;text-decoration:none}.left-menu .left-menu-collapse > a:last-child{border-bottom:1px solid #EEE}.left-menu .left-menu-collapse > a:hover{background-color:#f8faf4}.left-menu .left-menu-collapse > .collapse-item:before{font-family:app-icon;font-style:normal;display:inline-block;vertical-align:middle;margin:-1px 6px 0 0;content:""}.left-menu .left-menu-collapse > .collapse-item.collapsed:before{content:""}.left-menu .left-menu-collapse > .collapse-box{border:1px solid #EEE;border-bottom:0;background-color:#f8faf4}.left-menu .left-menu-collapse > .collapse-box .nav > li{margin:0}.left-menu .left-menu-collapse > .collapse-box .nav > li:last-child > a{border-bottom:0}.left-menu .left-menu-collapse > .collapse-box .nav > li > a{font-size:14px;padding-left:36px;border:1px solid #dbe3cc;border-width:0 0 1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.left-menu .left-menu-collapse > .collapse-box .nav > li > a:hover{background-color:#ebf0de}.app-login .app-header{background-color:transparent}.login-box{text-align:center}.login-box > .login-form .form-group > label{color:#888;display:block;text-align:left}.login-box > .login-form .form-group > .form-control{color:#80bc00;background-color:#ddd}.app-home .nav-icon-grid{width:100%;display:table}.app-home .nav-icon-grid > li{width:20%;display:table-cell;vertical-align:top}.app-home .nav-icon-grid > li > a{font-size:18px;line-height:1em;color:#FFF;background-color:#80bc00;text-align:center;vertical-align:middle;padding:32px 10px;margin:10px auto;width:136px;height:136px;font-weight:bold;overflow:hidden;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.app-home .nav-icon-grid > li > a:hover{background-color:#93c626}.app-home .nav-icon-grid > li > a > .icon{display:block;font-size:50px;width:50px;height:50px;margin:0 auto 8px}.price-tab-group .price-tab-table{margin-left:-20px}.price-tab-table .nav-tabs{border:0}.price-detail-tab-table .nav-tabs{border:0}.price-tab-table .nav-tabs > li.active > a{color:#FFF;background-color:#999;border-bottom:0}.price-detail-tab-table .nav-tabs > li.active > a{color:#000;background-color:#ecf8f9;border-bottom:0}.price-detail-tab-table .panel-body{background-color: #ecf8f9;}.price-tab-table .tab-content .table-responsive{border-top:0;text-align:center}.price-tab-table .tab-content .table-responsive .table thead{color:#FFF!important;background-color:#999!important}.price-tab-table .tab-content .table-responsive .table thead th{border-top:0}.price-tab-table .tab-content .table-responsive .table th,.price-tab-table .tab-content .table-responsive .table td,.price-tab-table .tab-content .table-responsive .table .form-control{text-align:center}.price-tab-table .tab-content .table-responsive .table td{vertical-align:middle}.price-tab-vertical .nav-tabs{padding:0;display:block;border:0;text-align:center}.price-tab-vertical .nav-tabs > li{padding:0;width:100%;display:block}.price-tab-vertical .nav-tabs > li.active{z-index:8}.price-tab-vertical .nav-tabs > li.active > a{color:#FFF;background-color:#79CA4D;border-color:#67ac41}.price-tab-vertical .nav-tabs > li > a{color:gray;margin:0 0 5px;border:1px solid #EEE;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.panel-invoice .table-invoice-info{margin:0;background-color:#ecf8f9}.panel-invoice .table-invoice-info th,.panel-invoice .table-invoice-info td{border-color:#b4e4e8}.panel-invoice .table-invoice-detail .total{background-color:#ecf8f9}.panel-invoice .invoice-payment{font-size:18px}.panel-invoice .invoice-payment .btn-group > .btn{font-size:15px;padding:20px 30px}.app-style{font-size:15px;color:#666666}.app-style h1,.app-style h2,.app-style h3,.app-style h4,.app-style h5,.app-style h6{color:#262626;margin:20px 0 10px;line-height:1.5em;font-weight:bold}.app-style h1:first-child,.app-style h2:first-child,.app-style h3:first-child,.app-style h4:first-child,.app-style h5:first-child,.app-style h6:first-child{margin-top:0}.app-style h1{font-size:37.5px}.app-style h2{font-size:30px}.app-style h3{font-size:26.25px}.app-style h4{font-size:22.5px}.app-style h5{font-size:18.75px}.app-style h6{font-size:16.5px}.app-style table{width:100%;border:2px solid #cccccc;border-width:2px 0}.app-style table th,.app-style table td{border:1px solid #e6e6e6;padding:4px 8px}.app-style table tr:nth-of-type(odd){background-color:#f2f2f2}.app-style img{margin:10px}.app-style img[align="left"]{margin-left:0}.app-style img[align="right"]{margin-right:0}.rating-star{border:none;display:inline-block;vertical-align:middle}.rating-star > input{display:none}.rating-star > label{color:#DDD;float:right}.rating-star > label:before{margin:5px;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:"\f005"}.rating-star > .half:before{content:"\f089";position:absolute}.rating-star > input:checked ~ label,.rating-star:not(:checked) > label:hover,.rating-star:not(:checked) > label:hover ~ label{color:#FFD700}.rating-star > input:checked + label:hover,.rating-star > input:checked ~ label:hover,.rating-star > label:hover ~ input:checked ~ label,.rating-star > input:checked ~ label:hover ~ label{color:#FFED85}@media screen and (min-width:768px){.app-header > .container,.app-contents > .container,.app-footer > .container{width:100%}.app-navbar-header{position:relative}.app-navbar-header .header-search{position:absolute;top:71px;width:300px;right:0;z-index:1007}.app-navbar-header .header-search > .search-xs-btn{display:none}.app-navbar-header .header-search > .search-dropdown{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.left-menu{overflow:auto}.left-menu .left-menu-xs-btn,.left-menu .left-menu-xs-mask{display:none}.app{position:relative}.app.left-menu-close .left-menu{width:48px!important}.app.left-menu-close .left-menu .menu-search > .input-group-addon{-webkit-border-radius:34px;-moz-border-radius:34px;border-radius:34px}.app.left-menu-close .left-menu .menu-search > .form-control{opacity:0}.app.left-menu-close .left-menu .left-menu-nav > li > a > .text{display:none}.app.left-menu-close .contents-box{padding-left:63px}.contents-box > .panel{margin-left:5px;margin-right:5px}.contents-box > .panel:last-child{margin-bottom:0}.combo-header > .col-sm-6:first-child{padding-right:10px}.combo-header > .col-sm-6:last-child{padding-left:10px}.course-body > .col-sm-8{padding-right:10px}.course-body > .col-sm-4{padding-left:10px}.card-list .list-item:nth-child(3n+1){clear:left}}@media screen and (min-width:992px){.hp-nav-box .hp-nav-course .list-item > a:after{margin:0 15px}}@media screen and (min-width:1200px){.vod-player > .vod-box{height:420px}.vod-player > .vod-box iframe{height:420px}.app-theater .vod-player{width:1140px;height:641.25px}.app-theater .vod-player > .vod-box{height:641.25px}.app-theater .vod-player > .vod-box > iframe{height:641.25px}.app-theater .vod-player > .vod-box > .vod-box-img .text{top:320.625px}.app-theater .vod-interactive,.app-theater .vod-recommend{margin-top:656.25px}}@media screen and (max-width:991px){.vod-list > .vod-item .item-info .item-price{position:relative;right:auto;bottom:auto;margin-top:8px}.vod-list > .vod-item .item-info .item-price > .number{font-size:1.75em}}@media screen and (max-width:767px){.app,.app-wrapper,.app-contents,.app-header,.app-footer{min-width:768px}.app-contents{overflow:auto}}@media all and (-ms-high-contrast:none){.foo{color:green}*::-ms-backdrop,.app-navbar-header .header-tabs > .nav-tabs > li.pull-right{position:absolute}}@media print{.app-header,.app-carousel-promo{display:none;visibility:hidden}}
