html,body{font-family:"Microsoft JhengHei","Helvetica Neue","Helvetica","Arial","sans-serif";z-index:0;font-size:1rem}p,a{word-break:break-all}.navbar-brand,.lead{font-size:1.25rem}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.text-color-blue-1{!important;color:#f5fbff!important}.bg-color-blue-1{background-color:#f5fbff!important}.border-color-blue-1{border-color:#f5fbff!important}.text-color-blue-2{color:#c5e5ff!important}.bg-color-blue-2{background-color:#c5e5ff!important}.border-color-blue-2{border-color:#c5e5ff!important}.text-color-blue-3{color:#a3d0ee!important}.bg-color-blue-3{background-color:#a3d0ee!important}.border-color-blue-3{border-color:#a3d0ee!important}.text-color-blue-4{color:#6fa9d9!important}.bg-color-blue-4{background-color:#6fa9d9!important}.border-color-blue-4{border-color:#6fa9d9!important}.text-color-blue-5{color:#5a8db8!important}.bg-color-blue-5{background-color:#5a8db8!important}.border-color-blue-5{border-color:#5a8db8!important}.text-color-blue-6{color:#4679a3!important}.bg-color-blue-6{background-color:#4679a3!important}.border-color-blue-6{border-color:#4679a3!important}.hover-text-color-blue-6:hover{background-color:#042239}.text-color-blue-7{color:#1b4b72!important}.bg-color-blue-7{background-color:#1b4b72!important}.border-color-blue-7{border-color:#1b4b72!important}.text-color-blue-8{color:#164265!important}.bg-color-blue-8{background-color:#164265!important}.border-color-blue-8{border-color:#164265!important}.text-color-blue-9{color:#09304e!important}.bg-color-blue-9{background-color:#09304e!important}.border-color-blue-9{border-color:#09304e!important}.text-color-blue-10{color:#042239!important}.bg-color-blue-10{background-color:#042239!important}.border-color-blue-10{border-color:#042239!important}.border-radius-0{border-radius:0}.navbar-light .navbar-toggler{border:0!important}nav{animation-duration:4s;transition:top .5s ease-in-out}.header-img{padding:.25rem;border-radius:.25rem;max-width:200px;height:auto}.header-img-other{padding:.25rem;border-radius:.25rem;max-width:160px;height:auto}.material-icons{position:relative;top:1px;display:inline-block;font-family:'Material Icons';font-style:normal;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}.title-card{padding:1.5rem;font-size:1.2rem;-webkit-box-shadow:2px 2px 9px 0 rgba(0,0,0,.6);-moz-box-shadow:2px 2px 9px 0 rgba(0,0,0,.6);box-shadow:2px 2px 9px 0 rgba(0,0,0,.6)}@media screen and (max-width:767px){.app-title{padding-top:1rem;padding-bottom:1rem}.app-title h1{font-size:2.2rem}.header-img,.header-img-other{padding-top:1rem}.title-card.left{margin:0 0 2rem 0}.title-card.right{margin:0}}@media screen and (min-width:768px){.app-title{padding-top:2.5rem}.app-title h1{font-size:3.5rem}.title-card.left{margin:0 .2rem .4rem 1rem}.title-card.right{margin:0 1rem .4rem .2rem}}.title-card:hover{text-decoration:none;color:#042239;background-color:#5a8db8;-webkit-box-shadow:2px 2px 9px 0 rgba(0,0,0,.8);-moz-box-shadow:2px 2px 9px 0 rgba(0,0,0,.8);box-shadow:2px 2px 9px 0 rgba(0,0,0,.8)}.title-card span{font-size:3rem}.title-card h2{font-size:2.2rem}.media-body{margin-left:5px}.home-card{margin-top:1.5rem;margin-bottom:1.5rem}.home-article{margin-top:1.5rem;margin-bottom:1.5rem;-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.5);-moz-box-shadow:4px 4px 9px 0 rgba(0,0,0,.5);box-shadow:4px 4px 9px 0 rgba(0,0,0,.5);padding:1rem;color:#164265}.home-article h4{color:#4679a3}.home-article a{color:#4679a3}.home-article a:hover{color:#164265;text-decoration:none}.home-article .continue-read{color:#1b4b72;margin-top:.5rem}.home-article .continue-read:hover{text-decoration:underline;color:#042239}.home-article .tags{color:#1b4b72;margin-top:.5rem}.home-article .tags .btn{color:#f5fbff;background-color:#164265;padding:.25rem .5rem;font-size:.8rem;line-height:1.5}.home-article .tags .btn:hover{color:#f5fbff;background-color:#042239;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.articles .view-tags{color:#f5fbff;margin-top:.5rem;margin-left:1rem}.articles .view-tags .btn{color:#164265;background-color:#c5e5ff;padding:.25rem .5rem;margin-bottom:1rem;font-size:.8rem;line-height:1.5}.articles .view-tags .btn:hover{color:#f5fbff;background-color:#4679a3;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.home-more-article{border-radius:0;color:#164265;background-color:#a3d0ee;margin-bottom:1rem;-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.5);-moz-box-shadow:4px 4px 9px 0 rgba(0,0,0,.5);box-shadow:4px 4px 9px 0 rgba(0,0,0,.5)}.home-more-article:hover{background-color:#6fa9d9;color:#042239;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.home-article-h3{font-size:2rem;padding:1.5rem 0 0 0}.home-main{z-index:2;min-height:calc(100vh - 224px - 56px)}.home-main .articles>.content{margin:1rem 0 1rem 0;padding:0 1rem .5rem 1rem}.home-articles{z-index:5;-webkit-box-shadow:2px 2px 5px 0 rgba(0,0,0,.7);-moz-box-shadow:2px 2px 5px 0 rgba(0,0,0,.7);box-shadow:2px 2px 5px 0 rgba(0,0,0,.7)}.btn{border-radius:0}.btn-search{color:#f5fbff;background-color:#4679a3}.btn-search:hover{color:#f5fbff;background-color:#164265;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.header-search-input{border-radius:0}.header-search-input:focus{color:#495057;background-color:#fff;border:3px solid #80bdff;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.4);box-shadow:0 0 3px 0 rgba(0,0,0,.4)}.home-news{padding:0 1rem 1rem 1rem}@media screen and (max-width:991px){.home-news{min-height:300px}}@media screen and (min-width:992px){.home-news{min-height:calc(100vh - 224px - 56px)}}.home-news>.list-group-flush>.list-group-item{font-size:1.2rem;background-color:#c5e5ff;margin-bottom:1rem;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.5);-moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,.5);box-shadow:2px 2px 3px 0 rgba(0,0,0,.5)}.home-news>.list-group-flush>.list-group-item>span{font-size:1.1rem}.navbar.bottom{z-index:6;-webkit-box-shadow:0 -2px 2px 0 rgba(0,0,0,.2);-moz-box-shadow:0 -2px 2px 0 rgba(0,0,0,.2);box-shadow:0 -2px 2px 0 rgba(0,0,0,.2)}.jumbotron{position:relative;z-index:10;margin-bottom:0;-webkit-box-shadow:0 2px 7px 0 rgba(0,0,0,.7);-moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.7);box-shadow:0 2px 7px 0 rgba(0,0,0,.7)}.jumbotron-other{margin-bottom:0;padding-bottom:0}.home-news .btn{color:#f5fbff;background-color:#164265;padding:.3rem .5rem;margin:.2rem;font-size:1rem;line-height:1.5}.home-news .btn:hover{color:#f5fbff;background-color:#042239;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.pagination{justify-content:center}.pagination>.page-item>.page-link:hover{color:#042239;background-color:#6fa9d9;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.pagination>.page-item.disabled>.page-link{background-color:#4679a3}.pagination>.page-item.active>.page-link{background-color:#c5e5ff}.pagination>.page-item>.page-link{text-align:center;color:#164265;background-color:#a3d0ee;margin:.1rem;border-radius:0;height:38px;width:38px;border:1px solid #1b4b72}ol.breadcrumb{border-radius:0;margin:1rem 0 0 0;background-color:#a3d0ee;color:#09304e;-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.5);-moz-box-shadow:4px 4px 9px 0 rgba(0,0,0,.5);box-shadow:4px 4px 9px 0 rgba(0,0,0,.5)}ol.breadcrumb a{color:#09304e}a.no-decoration{text-decoration:none}.auth-div,.about-div{margin-top:2rem}.auth-div .card,.about-div.card{border:0;border-radius:0;margin-bottom:2rem;-webkit-box-shadow:6px 6px 7px 0 rgba(0,0,0,.4);-moz-box-shadow:6px 6px 7px 0 rgba(0,0,0,.4);box-shadow:6px 6px 7px 0 rgba(0,0,0,.4)}.auth-div .card .card-header,.about-div.card .card-header{color:#f5fbff;background-color:#5a8db8;border-radius:0}.auth-div .card .card-body{color:#042239;background-color:#a3d0ee;border-radius:0}.about-div.card .card-body{color:#042239;background-color:#c5e5ff;border-radius:0}.about-div.card a{color:#042239}.auth-div .card button,.auth-div .card .btn-link{text-decoration:none;color:#f5fbff;background-color:#1b4b72;margin-right:1rem}.auth-div .card button:hover,.auth-div .card .btn-link:hover{background-color:#09304e;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.auth-div .card input{border-radius:0}.auth-div .card input:focus{color:#495057;background-color:#fff;border:2px solid #80bdff;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,.4);box-shadow:0 0 6px 0 rgba(0,0,0,.4)}.search-form{text-align:center;margin-top:2rem;color:#f5fbff}.search-form .form-control{border:0}.search-form .form-control:focus{-webkit-box-shadow:0 0 8px 3px rgba(0,0,0,.7);-moz-box-shadow:0 0 8px 3px rgba(0,0,0,.7);box-shadow:0 0 8px 3px rgba(0,0,0,.7)}.search-form .search-range{margin-top:2rem}.search-form .btn-search{margin-top:2rem;margin-bottom:2rem;padding:.6rem 1.8rem}.search-form .btn-search:hover{background-color:#6fa9d9;-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,.6);-moz-box-shadow:0 0 9px 1px rgba(0,0,0,.6);box-shadow:0 0 9px 1px rgba(0,0,0,.6)}.search-form .custom-control-input:checked~.custom-control-label::before{background-color:#6fa9d9;border-color:#6fa9d9}.header-dropdown{border-radius:0;border:0;background-color:#6fa9d9;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,.4);box-shadow:0 0 6px 0 rgba(0,0,0,.4)}.header-dropdown .dropdown-item:focus,.header-dropdown .dropdown-item:hover{color:#f5fbff;text-decoration:none;background-color:#164265;-webkit-box-shadow:0 0 9px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 9px 0 rgba(0,0,0,.4);box-shadow:0 0 9px 0 rgba(0,0,0,.4)}.header-dropdown .dropdown-divider{border-top:1px solid #042239}.code,kbd,pre,samp{font-family:"SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace","Microsoft JhengHei"}.hljs-ln td{padding-right:10px!important}.course-tag{border-radius:0;-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);background:#c5e5ff;border:0;border-left:#1b4b72 4px solid}.content img{max-width:100%}