@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;
    
    --bg:#f7f7f7;
}
*,html {
    font-size:15px;
    font-family:'WenQuanYi Zen Hei','文泉驛正黑','Heiti TC','黑體-繁','LiHei Pro','儷黑 Pro','PingFang TC','Microsoft JhengHei','微軟正黑體',sans-serif;
}
body {background-color:var(--bg)}
.row {float:none;clear:both}
.glyphicon{font-family:'Glyphicons Halflings'}

/* 頁面區塊(header/footer) */
.indexNav [class^="container"] {background:#fff;background-repeat:repeat-x}
nav.indexNav {z-index:999}
nav.navbar,.sub-menu {
    border:0;
    margin:0;
    padding:0;
    border-radius:0px;
    margin-bottom:0
}
.subMenu {
    clear:both;
    right:0px;
    float:right!important;
    position:absolute;
    top:0;
    width:100%;
    background:rgb(255,118,86);
    background:linear-gradient(90deg, rgba(255,118,86,1) 0%, rgba(212,53,59,1) 100%);
    padding:0 20px
}
.subMenu.nav li {float:right!important}
.subMenu.nav li>a,.subMenu.nav li .time {
    padding:15px 10px;
    line-height:20px;
    vertical-align:middle;
    color:#fff
}
.subMenu.nav li>a:hover,.subMenu.nav li>a:active,.subMenu.nav li>a:focus,.subMenu.nav li :is(.time,.timeless) {color:#ffd454}
.mainMenu>li>a {font-size:18px}
.secNav {background-image:url(../img/bg_header.png);z-index:9}
.content-discription {
    background:rgba(255, 255, 255, 0.6);
    border-radius:7px;
    padding:10px;
}
.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;
    /*選擇框最右顯示小三角下拉*/
}
.indexSearch .input-group .select-default{
    border:0;
    background:#ffffff;
    background-image:url("../img/select-arrow.png");
    background-position:calc(100% - 5px) 50%;
    background-repeat:no-repeat;
    border-left:1px solid #ccc;
    width:100%;
}
.indexSearch .input-group-btn{width:1%;display:table-cell}
.indexSearch .input-group{width:calc(100% - 55px);float:left}
.indexSearch .btn-lg{padding:0 5px;background-color:transparent;border:none}
.indexSearch .glyphicon-search{font-size:40px}
.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
}

.footer {color:#fff;background:rgb(255,118,86);background:linear-gradient(90deg, rgba(255,118,86,1) 0%, rgba(212,53,59,1) 100%);}
.footer .container {padding:15px}
.footer p {line-height:2;font-size:1rem;margin-bottom:0}

/* 元素樣式(a/select) */
a {color:var(--a-main2);text-decoration:none;cursor:pointer}
a:hover {color:var(--a-dark2);text-decoration:underline;cursor:pointer}
a:focus {text-decoration:underline}
a:focus,a:active,a:hover{-webkit-transition:all 0.24s ease-in-out;-moz-transition:all 0.24s ease-in-out;-o-transition:all 0.24s ease-in-out;transition:all 0.24s ease-in-out}
a.a-inverse {color:#ffffff}
a.a-inverse:focus,a.a-inverse:active,a.a-inverse:hover,.active a.a-inverse{color:#ffffff}
.mainMenu.a-inverse>li>a{color:var(--a-main)}
.mainMenu.a-inverse>li>a:focus,.mainMenu.a-inverse>li>a:active,.mainMenu.a-inverse>li>a:hover,.mainMenu.a-inverse>li.active>a{color:var(--a-dark)}
.navbar-default .navbar-nav.a-inverse>li.active>a,
.navbar-default .navbar-nav.a-inverse>li.open>a {
    background-image:none;
    box-shadow:none;
    background-color:transparent!important;
    color:var(--a-dark);
}
.navbar-default .navbar-nav.a-inverse>li.active>a::after,
.navbar-default .navbar-nav.a-inverse>li.open>a::after{
    content:'';
    display:block;
    width:100%;
    height:2px;
    background:#f7a01e;
    transition:width .3s;
}
a.a-inverse::after,.mainMenu.a-inverse>li>a::after{
    content:'';
    display:block;
    width:0;
    height:2px;
    background:#f7a01e;
    transition:width .3s;
}
a.a-inverse:hover::after,.mainMenu.a-inverse>li>a:hover::after{width:100%;transition:width .3s}
a.more {
    background:#90c2e799;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    border-radius:20px;
    padding:5px 20px;
    font-size:0.8rem;
}
a.more:focus,a.more:hover,a.more:active {background:#90c2e7;color:#ffffff}
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{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 {height:1px!important;background-color:#eee;display:inline-block;width:100%;border:0!important;clear:both}
hr.hr-blank {background-color:transparent}
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%}
.nav-pills>li>a {font-size:1.2rem;border-radius:4px 4px 0 0}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color:#fff;
    background-color:#a31621;
    font-weight:bold;
    font-size:1.2rem;
}
.panel-default .panel-footer {
    background-color:transparent;
    text-align:center;
    padding:10px 15px;
    margin-bottom:20px;
}
.panel-group.panel-default .panel-heading+.panel-collapse>.list-group,
.panel-group.panel-default .panel-heading+.panel-collapse>.panel-body {
    border-top:none;
    box-shadow:none;
}
.panel-default>.list-group .list-group-item,
.panel-default>.panel-collapse>.list-group .list-group-item,
.content-method .list-group .list-group-item {
    margin-bottom:0;
    border-width:0;
    border:none;
    background-color:transparent;
    border-radius:6px
}
.panel-default>.panel-collapse>ol.list-group,.content-method ol.list-group {counter-reset:num}
.panel-default>ol.list-group .list-group-item::before,
.panel-default>.panel-collapse>ol.list-group .list-group-item::before,
.content-method ol.list-group .list-group-item::before,
.content-method ol.list-group .list-group-item::before {
    background:rgba(240, 126, 105, 0.8);
    color:#fff;
    font-weight:bold;
    text-align:center;
    position:absolute;
    display:inline-block;
    left:15px;
    border-radius:7px;
    counter-increment:num;
    content:counter(num);
    width:1.8em;
    text-indent:0;
}

.panel-default>ol.list-group .list-group-item:hover::before,
.panel-default>.panel-collapse>ol.list-group .list-group-item:hover::before,
.content-method ol.list-group .list-group-item:hover::before,
.content-method ol.list-group .list-group-item:hover::before {background:#d9444a}
.panel-default>ol.list-group .list-group-item,
.panel-default>.panel-collapse>ol.list-group .list-group-item,
.content-method ol.list-group .list-group-item,
.content-method ol.list-group .list-group-item {
    text-indent:2em;
    -webkit-transition:all 0.24s ease-in-out;
    -moz-transition:all 0.24s ease-in-out;
    -o-transition:all 0.24s ease-in-out;
    transition:all 0.24s ease-in-out;
}
.panel-default>.list-group .list-group-item>a,
.panel-default>.panel-collapse>.list-group .list-group-item>a {
    width:100%;
    display:block;
}
.panel-default .list-group .list-group-item:hover,
.content-method .list-group .list-group-item:hover {
    background-color:rgba(255, 255, 255, 0.6);
    -webkit-transition:all 0.24s ease-in-out;
    -moz-transition:all 0.24s ease-in-out;
    -o-transition:all 0.24s ease-in-out;
    transition:all 0.24s ease-in-out;
}
.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;
}
.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;
}

/*icon會變的手風琴效果*/
.panel-group .panel {
    border-radius:0;
    box-shadow:none;
    border-color:transparent;
    background-color:transparent;
}
.panel-title>a {
    display:block;
    padding:10px;
    text-decoration:none;
    color:var(--main);
}
.more-less {float:right;color:var(--main)}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color:#EEEEEE}
.css-beforeImg::before {
    content:' ';
    border-top-left-radius:50% 0px;
    border-top-right-radius:50% 0px;
    border-bottom-right-radius:1000%;
    border-bottom-left-radius:50% 0px;
    width:36px;
    height:36px;
    background:#90c2e7;
    z-index:-2;
    position:absolute;
    margin-left:-8px;
    margin-top:-8px;
}
.css-beforeImg {color:#ffffff;font-weight:900}
h4.css-beforeTriangle {padding:10px;background:rgba(255, 255, 255, .9)}
.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:#fb4a29}

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}
p>font {color:#ff7730}
.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;
    -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}
.mx-auto{margin-left:auto;margin-right:auto;float:none;}
.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}
.hstack {
    display:flex;
    flex-direction:row;
    align-items:center;
    align-self:stretch;
}
.vstack {
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    align-self:stretch;
}
.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:rgba(255, 255, 255, 0.4)}
.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
}

/* 表格系統(table/RWD table) */
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th,
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {border:0}
.table-bordered>tbody>tr,tr {border-bottom:1px solid #90c2e7}
tr:hover,tr:focus {
    background:rgba(255, 255, 255, 0.4);
    -webkit-transition:all 0.24s ease-in-out;
    -moz-transition:all 0.24s ease-in-out;
    -o-transition:all 0.24s ease-in-out;
    transition:all 0.24s ease-in-out;
}
td {position:relative}

/* 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) {
    .navbar-brand>img {height:32px;width:auto}
    .navbar-brand {padding:9px 0 0 5px}
    
    .navbar-toggle+.navbar-toggle{margin-right:0}
    .indexSearch {width:100%;padding:15px 10px!important;z-index:999}
    .indexSearch .input-group-lg input.form-control{width:calc(100% - 116px)}
    .indexNav [class^="container"] {
        background-position:contain;
        margin-top:0;
        height:50px;
    }
    nav.indexNav>div>.navbar-collapse {background:#fff}

    .mainMenu.a-inverse>li>a {color:#505050;font-weight:bold}

    .mainMenu.a-inverse>li>a:focus,
    .mainMenu.a-inverse>li>a:hover,
    .mainMenu.a-inverse>li>a:active,
    .mainMenu.a-inverse>li.active>a,
    .navbar-default .navbar-nav.a-inverse>li.active>a, .navbar-default .navbar-nav.a-inverse>li.open>a {
        color:#333333;
        font-weight:700;
        text-shadow:2px 2px 0px #fff;
    }

    .indexNav>div>.collapse.in ul.visible-xs{
        display: grid!important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 1px;
        background: #ccc;
        padding:1px 0;
        overflow: hidden;
    }
    .indexNav>div>.collapse.in ul.visible-xs::before,.indexNav>div>.collapse.in ul.visible-xs::after{
        content:unset!important;display:none}
    .indexNav>div>.collapse.in ul.visible-xs>li.time{order:999;grid-column:auto/ span 2}
    .indexNav>div>.collapse.in ul.visible-xs>li:not(.time)>a {
        background:#fff;
        color:#333;
        font-weight:bold;
        width:100%;
    }
    .indexNav>div>.collapse.in ul.visible-xs>li.time>a{
        border-radius:0;
        color:#fff;
        background-image:none;
        background-color:rgba(50, 140, 230,.8);
        border-color:rgba(59, 96, 138,.8);
        text-shadow:none
    }
    .indexNav>div>.collapse.in ul.visible-xs>li.time>a:is(:hover,:focus,:active){color:#fff;background-color:#328ce6;border-color:#3b608a}

    .container-wrapper>.row>div {padding:15px}
    .mainContent {margin-bottom:20px}
    [class*="subContent"] {padding:0}
    .navbar-header{background-color:#fff}
    .tabBar .navbar-header{background-color:#2e6da4}
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {background-color:eaeaea;border-color:eaeaea}
    .navbar-default .navbar-toggle {border-color:transparent;padding:0 6px;height:34px}
    .navbar-default .navbar-toggle .icon-bar {background-color:var(--a-main);width:26px;height:3px}
    .navbar-toggle .icon-bar+.icon-bar{margin-top:7px}
    .navbar-toggle .glyphicon-search{color:var(--a-main);font-size:30px}
    /* 頁籤變下拉 */
    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) {
    .navbar-brand>img {
        height:36px;
        width:auto;
    }
    .navbar-brand {height:36px;padding:0 0 0 20px}
    .indexNav .mainMenu>li>a {padding:0 10px;font-size:15px}
    .indexNav [class^="container"] {
        background:#fff;
        background-repeat:repeat-x;
        margin-top:50px;
        height:114px;
        padding-top:20px;
    }
    .mainContent {margin-bottom:20px}
    nav.tabBar {border-bottom:1px solid #2e6da466}
    .tabBar .navbar-collapse {padding:0}

    .tabBar .nav.navbar-nav>li.active>a,
    .tabBar .nav.navbar-nav>li.active>a:focus,
    .tabBar .nav.navbar-nav>li.active>a: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}
    .text-sm-left{text-align:left}
    .text-sm-right{text-align:right}
    .text-sm-center{text-align:center}

}


/*當螢幕大於992px時*/
@media screen and (min-width:992px) {
    .navbar-brand {padding:0px 0 0 20px;height:48px}
    .navbar-brand>img {height:48px;width:auto}
    .mainMenu {clear:both}
    /*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}
    .text-md-left{text-align:left}
    .text-md-right{text-align:right}
    .text-md-center{text-align:center}
}


/*當螢幕大於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}
    .text-lg-left{text-align:left}
    .text-lg-right{text-align:right}
    .text-lg-center{text-align:center}
}

/*當螢幕大於1300px時*/
@media screen and (min-width:1300px) {
    .indexNav .mainMenu>li>a {padding:15px 10px;font-size:18px}
}
/*當螢幕大於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}