/*.examField {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 3px;
    padding-left: 12px;
}

.examTopicLeveal {
background-color:#fff4c8;

}

.ExamTopic {
    padding-top:15px;
}


.hideItem {
display:none;
}

 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:static;
}
.dropdown-submenu>.dropdown-menu {
   top:5px;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}
.dropdown-submenu .dropdown-menu {
    min-width: 400px;
    min-height: 330px;
}
.dropdown-submenu .dropdown-menu li{
    display:inline-block;
}

@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  

thead>tr{
   display:none;

}

.fieldHierarchyName{
    font-size: 12px;
    color: #c9c9c9;
}
   
.fieldTitle{
    margin-left: 30px;
    font-size: large;
} 
.yearTitle{
    margin-left: 20px;
    font-size: 30px;
    color: #5ebee2;
}
.examBlockTable
{
    border: none;
}
.examFieldBlock {
    border: 1px solid #555;
    padding: 15px;
    margin-bottom: -11px;
    display: block;
    float: left;
}
.dataTables_wrapper tr td {
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    border: none;
}

.examRowLeftBlock{
    padding-left:25%
}
.examRowRightBlock{
    padding-left:12%
}

.examRandomBlock{
    margin-top:50px
}


.examDisplayTitleBlock{
    border-style: ridge;
    box-shadow: 2px 2px 15px 2px rgba(20%,20%,40%,0.2);
    margin-top: 15px;
}

.examDisplayTitleImg{
float: left;
    height: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 50px;
}

.examDisplayTitle{
    font-size: 21px;
    float: left;
    margin-top: 35px;
    margin-bottom: 25px;
    margin-left: 10px;
    color: #333;
}

.examDisplayContentBlock{
    border-style: ridge;
}

.examDisplayContentBlockText{
    color: #333;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
    padding-top: 0px;
}


.examDisplayContentBlockRow{
          margin-top: 5px;
}

.examDisplayTestDuration{
       color: #ff7f00;
    font-size: 20px;
    font-weight: normal;
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 2px;
}

.examDisplaySelectAnswerTypeBlock{
    border: 2px #ccc solid;
    border-radius: 10px;
    margin-top: 20px;
}

.css_button {
   padding: 18.5px 37px;
   border: 1px solid #FFF7F7;
   background: -webkit-gradient(linear, left top, left bottom, from(#99CCCC), to(#33CCCC));
   background: -webkit-linear-gradient(top, #99CCCC, #33CCCC);
   background: -moz-linear-gradient(top, #99CCCC, #33CCCC);
   background: -ms-linear-gradient(top, #99CCCC, #33CCCC);
   background: -o-linear-gradient(top, #99CCCC, #33CCCC);
   background-color: #33CCCC;
   box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #FFFFFF;
   -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #FFFFFF;
   -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #FFFFFF;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   text-shadow: #333333 1px 1px 0px;
   color: #FFFFFF;
   font-size: 18px;
   font-family: '微軟正黑體';
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
.css_button:hover {
   background: none;
   background-color: #33CCCC;
   box-shadow: 0px 0px 5px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
   border: 1px solid #ffffff;
   color: #FFFFFF;
   }
.css_button:active {
   top: 1px;
   position: relative;
   }

.answerStatusBlock{
    background-color: #fefefe;
    position: fixed;
    top: 280px;
    width: 300px;
    right: 450px;
    border: 2px #ccc solid;
    border-radius: 10px;
}

.questionResultBlock{
    padding-left:0px;
    padding-right:0px;
    overflow: auto;
    height: 238px;
}

.examTestDurationBlock{
    background: #f4f4f4;
    position: fixed;
    top: 221px;
    width: 300px;
    height: 47px;
    right: 450px;
  box-shadow: 2px 2px 15px 2px rgba(20%,20%,40%,0.2);
}

@media screen and (max-width: 1366px) and (min-width: 1300px)
{
    .answerStatusBlock{
        background-color: #fefefe;
        position: fixed;
        top: 280px;
        width: 300px;
        right: 170px;
        border: 2px #ccc solid;
        border-radius: 10px;
    }

    .examTestDurationBlock{
        background: #f4f4f4;
        position: fixed;
        top: 221px;
        width: 300px;
        height: 47px;
        right: 170px;
        box-shadow: 2px 2px 12px 2px rgba(20%,20%,40%,0.5);
    }

    .questionResultBlock{
        padding-left:0px;
        padding-right:0px;
        overflow: auto;
        height: 200px;
    }
}


@media screen and (max-width: 1400px) and (min-width: 1367px)
{
    .answerStatusBlock{
        background-color: #fefefe;
        position: fixed;
        top: 280px;
        width: 300px;
        right: 194px;
        border: 2px #ccc solid;
        border-radius: 10px;
    }

    .examTestDurationBlock{
        background: #f4f4f4;
        position: fixed;
        top: 221px;
        width: 300px;
        height: 47px;
        right: 194px;
        box-shadow: 2px 2px 12px 2px rgba(20%,20%,40%,0.5);
    }

    .questionResultBlock{
        padding-left:0px;
        padding-right:0px;
        overflow: auto;
        height: 200px;
    }
}

@media screen and (max-width: 1919px) and (min-width: 1401px)
{
    .answerStatusBlock{
        background-color: #fefefe;
        position: fixed;
        top: 280px;
        width: 300px;
        right: 295px;
        border: 2px #ccc solid;
        border-radius: 10px;
    }

    .examTestDurationBlock{
        background: #f4f4f4;
        position: fixed;
        top: 221px;
        width: 300px;
        height: 47px;
        right: 295px;
        box-shadow: 2px 2px 12px 2px rgba(20%,20%,40%,0.5);
    }

    .questionResultBlock{
        padding-left:0px;
        padding-right:0px;
        overflow: auto;
        height: 200px;
    }
}

.testDurationIcon{
    border: 5px solid #ff7f00;
    border-bottom-right-radius: 45%;
    border-top-right-radius: 50%;
    background: #ff7f00;
    margin-left: -8px;
}

.examDoubleIcon{
    padding-right: 5px;
}

.red_button {
   padding: 10px 20px;
   border: 1px solid #C7C7C7;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FF0000));
   background: -webkit-linear-gradient(top, #FFFFFF, #FF0000);
   background: -moz-linear-gradient(top, #FFFFFF, #FF0000);
   background: -ms-linear-gradient(top, #FFFFFF, #FF0000);
   background: -o-linear-gradient(top, #FFFFFF, #FF0000);
   background-color: #FF0000;
   box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #9C0000;
   -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #9C0000;
   -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 3px #9C0000;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-shadow: #FF7A7A 1px 1px 0px;
   color: #8F0000;
   font-size: 18px;
   font-family: '微軟正黑體';
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
.red_button:hover {
  background: none;
   background-color: #FF0000;
   box-shadow: 0px 0px 5px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
   border: 1px solid #ffffff;
   color: #470000;
   }
.red_button:active {
   top: 1px;
   position: relative;
   }

.examTestFieldName{
   background-color: #80d6d9;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:#fff;
}

.examTestFileFieldName{
    background-color: #ef8669;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color:#fff;
}

.examTestBlock{
    background-color: #fff;
}

.examTestIndexTable{
    border: 1px #d5d5d5 solid;
    width: 97%;
    margin-left: 5px;
}
.examTestTdDivBlock{
    border-bottom: 1px #c4c4c4 solid;
    display: block;
    width: 95%;
    padding-left: 15px;
    margin-left: 7px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.examTestTdLastDivBlock{
    padding-left: 15px;
    margin-left: 7px;
    margin-top: 5px;
    padding-bottom: 15px;
}

.examTestIndexIcon{
    transform: skewX(-15deg);
    background-color: #80d6d9;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30%;
    width:120px;
    border-radius: 0;
    border: none;
}

.examTestIndexIcon > div {
    transform: skewX(15deg);
     color:#fff;
}

.examTestIndexLabel{
    font-size: 12px;
}

.examTestIndexLabelIcon{
    width: 9px;
    margin-right: 4px;
}

.examTestIndexA{
    font-size: 16px;
}

.examTestIndexBackGround{
    background-color:#f1f3f2;
}

body{
    font-family:\4FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif;
}
.catalog-blueTitle {
    position:relative;
    padding-left: 15px;
}
.catalog-blueTitle:before{
    content: ' ';
    position: absolute;
    top: 7%;
    left: 0;
    width: 11px;
    height: 95%;
    float: left;
    background-color: #80d6d9;
    border-radius: 0px 7px 7px 0px !important;
}

.catalog-redTitle{
     position:relative;
    padding-left: 15px;
}
.catalog-redTitle:before{
    content: ' ';
    position: absolute;
    top: 7%;
    left: 0;
    width: 11px;
    height: 95%;
    float: left;
    background-color: #ef8669;
    border-radius: 0px 7px 7px 0px !important;
}

.examDisplayTestDurationBlock
{
    box-shadow: 2px 2px 15px 2px rgba(20%,20%,40%,0.2);
    padding-left: 0;
}

.div_right_bottom {
width:100px;
float:right;
position:fixed;
right:45px;
bottom:0px;
z-index:100000;
_position:absolute; 
}


.GoTopBTN {
    position: fixed;
    bottom: 10%;
    right: 5%;
    z-index: 1001;
    background: #80d6d9;
    color: white;
    height: 50px;
    width: 50px;
    padding: 11px 0 0 12px;
    border-radius: 100%;
    box-shadow: rgba(71, 71, 71, 0.7) 0px 4px 10px 2px;
    cursor: pointer;
}


.examBlock
{
    border-bottom:1px solid; 
    border-color: #ddd; 
    margin-bottom:15px;
}

.examBlock:hover {
    border:1px solid; 
    border-color: #ddd; 
    margin-bottom:15px;
box-shadow: #c4c4c4 0px 0px 8px 1px;
}


.examFullBG{
    background: #fff;
    border:solid 1px #ccc;
    padding-bottom: 10px;
    border-radius: 10px;
}

.examFilecontainer{
    margin-top:20px;
}
.examFilterTypeName{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #1A1A1A;
    vertical-align: top;
    margin-left: 15px;
}

.search-toolbar{
    margin-left:10px;
}

.searchExamYear .examTestIndexLabelIcon{
    display:none;
}
.searchYear.active .examTestIndexLabelIcon{
    display:inline-block;
}

.middleText{
    background-color:#80d6d9;
}

.middleSearchText{
    color:#fff;
    margin-right: 66px;
}


.examSearchKeyWordBlock{
    width: 280px;
    margin-right: 39px;
}


.examSearchKeyWordBlock input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}


.examSearchKeyWordBlock button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #ffffff;
  color: black;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; 
  cursor: pointer;
}

.examSearchKeyWordBlock button:hover {
  background: #0b7dda;
}

.examSearchKeyWordBlock::after {
  content: "";
  clear: both;
  display: table;
}

.searchResultTextBlock{
    background-color: #80d6d9;
    color: white;
    width: 80px;
    text-align: center;
    margin-left: 15px;
}

.removeSearch{
    color: white;
    margin-left: 4px;
    font-size: 17px;
}*/