@charset "UTF-8";
/* 頁面區塊(header/footer) 元素樣式(a/select) 組件樣式(card/list) 規則(margin/float) 表單系統(form) 表格系統(table/RWD table) */
:root{
    --main:#2a5273;

    --a-main:#337ab7;
    --a-dark:#0B2D4E;
    --a-main2:#0f3c69;
    --a-dark2:#0B2D4E;
    --a-inverse:#321300;
    
    --bg:#f7f7f7;
    --header-bg:linear-gradient(135deg, #efd99d 0%);
    --header-top-bg:#321300;
}
body {background-color:var(--bg)}

.content-discription li{max-width:100%}
.indexSearch, #indexSearch:hover{
    position:absolute;
    width:100%;
    background:rgba(0,0,0,.6);
    padding:15px 30px!important;
    z-index:2
}
/*清除ie的預設樣式，隱藏小三角*/
.indexSearch select::-ms-expand {display:none}
.indexSearch select {
    /*Chrome和Firefox裡面的邊框不同*/
    border:solid 1px #000;
    /*將預設的select選取框樣式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*選擇框最右顯示小三角下拉*/
}

.input-group .input-group input:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}
.content-discription .input-group .input-group{display:table-cell;width:100%}

/*統一的側邊欄框線*/
.tab-contentWrapper {padding:15px 0}
.tab-pane .tab-content .tab-content {border:1px solid #EEEEEE;padding:10px 0}
.container-wrapper{min-height:calc(100vh - 224px)}
.container-wrapper>.row>div {padding:20px 0}
.mainContent p,.mainContent a:not(role="tab"),.mainContent li,.mainContent td{line-height:2!important}
.subContent-left {padding:10px 10px 10px 0}
.subContent-right {padding:10px 0 10px 10px}
.mainTabs>li>a,.tabBar .nav.navbar-nav>li>a {font-size:1.3rem}
.tabBar>.container{width:100%}
.mainTabs.nav-tabs>li.active>a,
.mainTabs.nav-tabs>li.active>a:focus,
.mainTabs.nav-tabs>li.active>a:hover {
    color:#fff;
    background-color:#662b72;
    font-weight:bold
}

p {margin:0}
input {float:left}
::selection {background-color:#ff574d;color:#fff}
blockquote {margin:0;font-size:1em;font-weight:900}
.sub blockquote::before,.sub blockquote::after {content:'...'}
mark,.highlight {color:unset!important;background-color:#FFEEAF;font-size:inherit!important}
select {
    font-size:14px;
    height:34px;
    overflow:hidden;
    text-overflow:clip;
    white-space:nowrap;
    text-align:left!important;
    max-width:100%;
}
.select-default,.headSort :not(.input-group) select{background: white;border:1px solid #ccc;padding:6px 12px;font-size:14px}
:not(.input-group) select,.headSort :not(.input-group) select{border-radius:4px}
img {display:block;max-width:100%}

hr.hr-deep {background-color:#999999}

/* 組件樣式(card/list)  */
.headSort {vertical-align:middle;padding:10px 10px 0 10px;margin-left:0}
.footSort {vertical-align:middle;padding:10px 10px 4px 10px;margin-left:0}
.headSort>li,.footSort>li {padding:0;min-height:30px;vertical-align:middle}
.headSort>li:last-child a.glyphicon {top:4px}
.headSort select,.headSort input,.headSort p,
.footSort select,.footSort input,.footSort p {min-height:22px;display:inline-block;max-width:100%}

.panel-default>.panel-heading {
    padding:0;
    border-radius:0;
    background-image:none;
    background-color:var(--bg);
    border-color:none;
}
.panel-default .panel-title>a {
    font-size:1.3rem;
    font-weight:bold;
}
.panel-default .panel-title>a:hover {
    background-color:rgba(255, 255, 255, 0.4);
    -webkit-transition:all 0.24s ease-in;
    -moz-transition:all 0.24s ease-in;
    -o-transition:all 0.24s ease-in;
    transition:all 0.24s ease-in;
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
    background-image:none;
    background-color:#ffffff!important;
    text-shadow:none;
    text-indent: -4em;
    padding-left:4em;
}
.list-group-item.active>a{
    font-weight:900;
    color:#4e8198;
}
.list-group .list-group{box-shadow:none}
.pager-flex{display:flex;flex-wrap:wrap}
.pager-flex li{padding:5px}
.pager-flex li>a{display:block;word-wrap:break-word}
.pager-flex li.active>a{border:2px solid #4e8198;color:#4e8198;font-weight:900}

.sub a,.sub p,.sub span,.sub font,.sub i,.sub li {opacity:0.9}
.sub i {color:#f74f2e}

.badge {color:var(--a-main2);background-color:#fff}
.must::before {color:red;content:'*';vertical-align:top}
.ps{color:#777;padding-left:10px;padding-right:10px}

.tag{
    background:#fff;
    border-radius:18px;
    color:#8a8a8a;
    top:15px;left:5px;
    height:auto;
    overflow:hidden;
    bottom:auto;
    position:absolute;
    padding:0  8px 0 18px;
    box-shadow:1px 1px 3px #000;
}
.tag::before{
    border-radius:50%;
    content:'';
    position:absolute;
    display:block;
    top:5px;left:4px;
    height:12px;width:12px
}
.tag-free::before{background:#15ab66}
.tag-orange::before{background:#ff7730}
.checkbox-table {position:absolute;right:8px;top:8px}
.tag-table{position:absolute;right:8px;bottom:24px}
.label-tag{background-color:#a1bbc6;border-radius:0 .25em .25em 0;padding:4px}
.label-tag::before{
    border-color:transparent #a1bbc6 transparent transparent;
    border-style:solid solid solid;
    border-width:10px 10px 10px 10px;
    content:'';
    height:0px;
    left:-20px;
    top:2px;
    position:absolute;
    width:0px;
}

.css-beforeTriangle,.panel-title {
    border:2px solid var(--main);
    position:relative;
    margin-bottom:20px;
    margin-top:0;
    /* border-radius:6px */
}
.css-beforeTriangle:before,.panel-title:before {
    border-color:var(--main) transparent transparent;
    border-style:solid solid solid;
    border-width:20px 20px 20px 20px;
    bottom:-40px;
    content:'';

    height:0px;
    left:20px;
    /* 必須指定，否則會變梯形 */
    position:absolute;

    width:0px;
}

.css-beforeTriangle:before {border-color:var(--main) transparent transparent}
.css-beforeTriangle {border:2px solid var(--main);color:var(--main)}
.css-beforeTriangle:after,.panel-title:after {
    border-color:transparent transparent transparent;
    border-style:solid solid solid solid;
    border-width:20px;
    bottom:-33px;
    content:'';

    height:0px;
    left:20px;
    /* 必須指定，否則會變梯形 */
    position:absolute;
    width:0px
}
/*/icon會變的手風琴效果*/
.step-title{vertical-align:middle}
.step-title>.title,.step-title>div{display:inline-block;vertical-align:middle}
.step-title>div{min-height:30px}
.step-title>div>[id^="step_"]>a>text{fill:#ffffff}
.step-title>div>[id^="step_"]>a:hover>g>path:first-child,
.step-title>div>[id^="step_"]>a.active>g>path:first-child{fill:#cc6b5a}
.step-title>div>[id^="step_"]>a:hover>g>path:last-child,
.step-title>div>[id^="step_"]>a:hover>g>polygon,
.step-title>div>[id^="step_"]>a.active>g>path:last-child,
.step-title>div>[id^="step_"]>a.active>g>polygon{fill:#fb8a28}

h4.title,h4.title>a {font-size:1.3rem}
h4.title>a {opacity:0.6}
h4.title>span.glyphicon {color:#ff7730;padding-right:0.5rem}
.table h4,.table h5 {margin-top:4px}
h5.title{color:#846b6b}
.color-2{color:#f74f2e}
.sub i.rate-lightUp {color:#f0ad4e;cursor:pointer}

.btn-default {
    color:#fff;
    background-image:none;
    background-color:var(--a-main2);
    border-color:var(--a-dark2);
    text-shadow:none
}
.btn-default:focus,.btn-default.focus,
.btn-default:active,.btn-default.active,
.btn-default:hover,.open>.dropdown-toggle.btn-default {
    color:#fff;
    background-color:var(--a-dark2);
    border-color:#003e23;
}
.btn-sec {
    color:var(--main);
    background-image:none;
    background-color:#fff;
    border-color:var(--main);
    text-shadow:none;
}
.btn-sec:focus,.btn-sec.focus,
.btn-sec:active,.btn-sec.active,
.btn-sec:hover,.open>.dropdown-toggle.btn-default {
    color:#fff;
    background-color:var(--main);
    border-color:var(--main);
}
.btn-pager {
    color:#333;
    background-image:none;
    background-color:#fff;
    border-color:var(--a-main2);
    text-shadow:none;
}
.btn-pager:focus,.btn-pager.focus,
.btn-pager:active,.btn-pager.active,
.btn-pager:hover,.open>.dropdown-toggle.btn-pager {
    color:#fff;
    background-color:var(--a-main2);
    border-color:var(--a-dark2);
    border-radius:15px;
}

.icBtn{display:inline-block;vertical-align:middle;opacity:0.4}
.icBtn:hover{opacity:0.8}
.icImg>a {border:1px solid transparent;border-radius:50%;display:block}
.icImg>a:hover {vertical-align:middle;border:1px solid #ff574d}
.btn-doc{color:#fff;background-image:none;background-color:rgba(186, 186, 186,.8);border-color:rgba(166, 166, 166,.8);text-shadow:none}
.btn-doc:hover,.btn-doc:focus,.btn-doc:active{color:#fff;background-color:rgba(186, 186, 186,1);border-color:rgba(166, 166, 166,1)}
.btn-red{background-color:rgba(232, 56, 56,.8);border-color:rgba(166, 42, 67,.8)}
.btn-red:hover,.btn-red:focus,.btn-red:active{background-color:#e83838;border-color:#a62a43}
.btn-blue{background-color:rgba(50, 140, 230,.8);border-color:rgba(59, 96, 138,.8)}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active{background-color:#328ce6;border-color:#3b608a}
.btn-green{background-color:rgba(60, 233, 146,.8);border-color:rgba(55, 184, 135,.8)}
.btn-green:hover,.btn-green:focus,.btn-green:active{background-color:#3ce992;border-color:#37b887}
.btn-orange{background-color:rgba(230, 104, 51,.8);border-color:rgba(201, 83, 44,.8)}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active{background-color:#e66833;border-color:#c9532c}

.classCard{ display:block;padding:10px 20px 20px 0}
.classCard:hover{margin-top:-5px;margin-bottom:5px}
.classCard-header{overflow:hidden;border-top-left-radius:6px;border-top-right-radius:6px}
.classCard-header>img{min-width:100%;height:auto}
.classCard-content{
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    background:#ffffff;
    padding:10px;
    line-height:2;
}
.classCard-content>p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    line-clamp:2;
    -webkit-line-clamp:2;
    overflow:hidden;
    /*其它瀏覽器降級方式：給定最大高度*/
    max-height:300px;
    text-overflow:ellipsis;
}
.classCard-content>h4,.ellipsis,nav.tabBar .navbar-brand{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.showMore-body.hidden-part>tbody>tr:nth-child(n+3){display:none}

/* 規則(margin/float) */
.p-0 {padding:0!important}
.p-15{padding:15px}
.ph-10{padding-left:10px;padding-right:10px}
.pv-10 {padding:10px 0}
.pv-30{padding:30px 0}
.m-0 {margin:0!important}
.mt-0{margin-top:0}
.mt-10{margin-top:10px}
.border-unstyled,.b-0 {border:none}
.f-0{display:inline-block;float:none!important}

.w-full {width:100%}
.lh-1{line-height:1}
.lh-2{line-height:2}
h3,.h3 {font-size:1.9rem;font-weight:bold}
h4,.h4 {font-size:1.3rem;font-weight:bold}
h5,.h5 {font-size:1.2rem;font-weight:bold}

.inline-block{display:inline-block}
.clearfix{float:none;clear:both}

.row-flex {display:flex;flex-wrap:wrap}
.row-flex>[class*="col-"]{display:flex;flex-direction:column}
.main-center{justify-content:center}

/* 表單系統(form) */
.form-control:focus{
    border-color:#281c1b;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(40 28 27);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(40 28 27);
}
.form-group label,.form-group span{
    margin-bottom:0;
    line-height:34px;
    display:inline-block;
    vertical-align:middle;
    padding-top:0!important
}
.form-group>div>input,.form-group-input{height:34px;margin:0!important;display:inline-block;max-width:100%}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline{margin-left:0;margin-right:15px}
.checkbox-inline, .radio-inline{margin-left:0;margin-right:15px;padding-left:20px}
.checkbox-inline input[type=checkbox],.checkbox-inline input[type=radio]{height:34px;margin-top:0;margin-left:-20px}
.form-group:hover{background:antiquewhite;}
.form-group>div>input.many{margin-right:10px;margin-bottom:10px}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
    margin-top:0;height:34px
}


/* RWD表格 RWD table */
.rwd-table {background:#fff;overflow:hidden;color:#4a4a4a}
.rwd-table tr:first-child>th {font-weight:bold}
.rwd-table tr:nth-of-type(even) {background:#F5F6F7}
.rwd-table th,.rwd-table td {margin:15px 5px}
.rwd-table {table-layout:fixed;width:100%}
.rwd-table th {display:none}
.rwd-table td {display:block}
.rwd-table td:before {
    content:attr(data-th) " :";
    font-weight:bold;
    width:7em;
    display:inline-block;
    left:-7em;
    position:absolute;
}
.rwd-table th,.rwd-table td {text-align:left;margin-left:7em;min-height:25px}
.rwd-table th,.rwd-table td:before {color:#4A4A4A;font-weight:bold}

/*斷點們*/
/*當螢幕小於767px時*/
@media screen and (max-width:767px) {
    .container-wrapper>.row>div {padding:15px}
    .tabBar .navbar-header{background-color:#2e6da4}
    /* 頁籤變下拉 */
    nav.tabBar .navbar-toggle {
        border:1px solid #fff;
        color:#fff;
        padding:5px 10px;
    }
    nav.tabBar .navbar-brand {
        position:relative;
        display:block;
        line-height:50px;
        padding:0 0 0 15px;
        text-shadow:0 1px 0 rgba(0, 0, 0, .25);
        color:#fff;
        float:none;
    }
    nav.tabBar .navbar-brand:focus,
    nav.tabBar .navbar-brand:hover {color:#ffc136}
    nav.tabBar .navbar-toggle>.glyphicon {vertical-align:middle}
    .icImg>a>img {height:50px}
    .classCard{ 
        display:block;
        padding:15px 0;
    }
    .checkbox-table{
        right:unset;
        left:-21px;
        top:38px;
    }
    .checkbox-table>input{
        width:20px;
        height:20px;
    }
    .checkbox-table>label{display:none}
    .icImg>a{border-radius:0}
    .select-default {padding:6px 6px 6px 3px}
    .content-method [headers="bookContain"] .col-lg-9{padding:0}
    .content-method blockquote {padding:5px 10px}
    /* 調整其他css的bug */
    .ui-widget.ui-widget-content{z-index:1000;max-width:100%!important}
}


/*當螢幕大於768px時*/
@media screen and (min-width:768px) {
    .mainContent {margin-bottom:20px}
    nav.tabBar {border-bottom:1px solid #2e6da466}
    .tabBar .navbar-collapse {padding:0}

    .tabBar .nav.navbar-nav>li>a.active,
    .tabBar .nav.navbar-nav>li>a.active:focus,
    .tabBar .nav.navbar-nav>li>a.active:hover {
        color:#fff;
        background-color:#2e6da4;
        border-radius:4px 4px 0 0;
    }
    nav.tabBar>.container {padding:0}
    .icImg {padding:0}
    .search-advancedQuery .num-1{margin-left:71px}
    .form-inline .input-group .input-group-btn{width:1%}
    .search-advancedQuery .form-inline>.input-group + button.btn-default{display:block;width:100%}
    /*排版*/
    .container-wrapper>.row>[class*="mainContent"] {padding:10px 10px 0 10px}
    .container-wrapper>.row>[class*="sideContent"] {padding:10px 0 0 0}
    td[headers="bookContain"]{padding-right:6em!important}
    .content-method td[headers="bookContain"]{padding-right:unset!important}
    .content-method blockquote{padding:5px 10px}

}


/*當螢幕大於992px時*/
@media screen and (min-width:992px) {
    /*RWD table*/
    .rwd-table td:before {display:none}
    .rwd-table th,.rwd-table td {display:table-cell;padding:15px 5px}
    .rwd-table th:first-child,.rwd-table td:first-child {padding-left:10px}
    .rwd-table th:last-child,.rwd-table td:last-child {padding-right:10px}
    .rwd-table th,.rwd-table td {padding:15px 5px}
    .rwd-table th,.rwd-table td:before {color:#4a4a4a;font-weight:normal}
}


/*當螢幕大於1200px時*/
@media screen and (min-width:1200px) {
    .navbar-brand {padding:8px 0 8px 20px;height:70px}
    .navbar-brand>img {height:42px;width:auto}
    .mainMenu {margin-top:13px;margin-right:-15px;clear:none}
    .mainContent {margin-bottom:0}
    /* .indexNav .mainMenu>li>a {padding:15px 5px;font-size:16px} */
    .container-wrapper>.row>div[class*="mainContent"] {padding:20px 15px}
    .container-wrapper>.row>div[class*="sideContent"] {padding:20px 0}
}

/*當螢幕大於1400px時*/
@media screen and (min-width:1400px) {
    .navbar-brand>img {height:50px;width:auto}
}
.list-group-item .media-object {width:64px;height:64px}

#copyLinkTabs {width:100%;display:flex}
#copyLinkTabs .tabs-wrapper {width:100%}
#copyLinkTabs .text {
    font-size:1rem;
    font-weight:var(--regular);
    line-height:1.375rem;
    letter-spacing:1px;}
#copyLinkTabs .text.text:hover {color:#857D61}
#copyLinkTabs .icon {
    margin:0 16px 0 0;
    cursor:pointer;
    padding:0;
    background-color:#ffc164;
    border-radius:4px
}
#copyLinkTabs [class$="-icon"]{
    width:40px;
    height:40px;
    background-color:#fff;
    background-size:cover;
    border-radius:4px;
    border:1px solid var(--main);
}
#copyLinkTabs [class$="-icon"]:hover{
    background-color:var(--main);
}
#copyLinkTabs .facebook-icon {background-image:url("../img/Facebook.png")}
#copyLinkTabs .twitter-icon {background-image:url("../img/Twitter.png")}
#copyLinkTabs .facebook-icon:hover {background-image:url("../img/Facebook_hover.png")}
#copyLinkTabs .twitter-icon:hover {background-image:url("../img/Twitter_hover.png")}
#copyLinkTabs .apply-button {
    padding:0;
    width:134px;
    padding:9px 16px;
    background-color:var(--active-button);
    display:flex;
    flex-direction:row;
    font-size:1rem;
    font-weight:var(--regular);
    line-height:1.375rem;
    letter-spacing:1px;
    font-weight:var(--medium);
}
#copyLinkTabs .apply-button:hover {color:var(--main-white);background-color:var(--main-black)}
#copyLinkTabs .apply {display:flex;flex-direction:row}

.thesis-items-color {
    color:#fb8a28;
}