@charset "utf-8";
/* CSS Document */

/* 解決浮動導覽列遮住錨點位置 */
:target:before {
  content: "";
  display: block;
  /* height: 60px; */
}

body {
  background-repeat: repeat;
  background-color: #e0edf8;
  font-family: 微軟正黑體;
  color: rgb(255, 255, 255);
  font-size: 1.2em;
  line-height: 1.5em;
  text-align: center;
}


.container,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.panel-body,
a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
p,
span {
  font-family: "Microsoft Yahei","Hiragino Sans GB" ,Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
}

h3 {
  font-size: 1em;
  line-height: 30px;
}

a {
  font-family: 微軟正黑體, "Microsoft JhengHei", MingLiU, sans-serif;
  color: #fff;
}

/* a:hover {
  border: none;
  color: #1a89e7;
} */

dir,
menu,
ul {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 40px;
}

th,
tr td {
  font-family: 微軟正黑體, "Microsoft JhengHei", MingLiU, sans-serif;
}

tr:hover td {
  /* background: #cacaca; */
}

tr:nth-child(odd):hover td {
  /* background: #cacaca; */
}

.tr-title {
  color: #333;
  text-align: center;
  font-size: 21px;
}

td {
  /* font-size: 15px; */
}

p {
  color: #333;
  font-size: 16px;
  line-height: 30px;
}

.red {
  color: red !important;
}

.blue {
  color: #1a89e7 !important;
}

/*畫重點*/
::selection {
  background: #1a89e7;
}

.fa-1,
.fa-2,
.fa-3,
.fa-4,
.fa-5,
.fa-6 {
  margin-right: .07142857em;
}

.fa-2 {
  font-size: 2em;
}

.fa-3 {
  font-size: 4em;
}

.fa-4 {
  font-size: 7em;
}

/*首頁的註冊與登入-160913-用不到先隱藏*/
.box-shadow .text-shadow {
  display: none;
  padding: 10px 5px;
  font-size: 16px;
}

/*home-top*/

.home-top .dropdown-toggle {
  color: #fff !important;
  font-size: 1.2em;
}

.home-top .dropdown-short {
  color: #fff;
}

.home-top {
  width: 100%;
  z-index: 999;
}

.home-top .logo {
  margin: 15px 0 !important;
  text-align: center;
}

.navbar-inverse {
  background-color: rgb(26, 137, 231);
  background-image: -webkit-linear-gradient(top, rgb(26, 137, 231) 0px, rgb(26, 137, 231) 100%);
  box-shadow: rgba(0, 0, 0, 0.4) 0 3px 5px;
  transition: all .3s ease-in-out 0s;
  border-color: rgb(51, 51, 51);
}

.navbar.navbar-light-light .dropdown-menu > li > a:focus,
.navbar.navbar-light-light .dropdown-menu > li > a:hover {
  background-color: none !important;
}

.navbar-default {
  background-image: linear-gradient(to bottom, #1a89e7 100%, #1a89e7);
  background-image: -webkit-linear-gradient(top,#1a89e7 0,#1a89e7 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #1270b2;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background: #fff;
}

#index h3 {
  color: #e96151;
  margin: 20px 0;
}

#index h4 {
  color: #000;
  font-size: 28px;
  text-indent: 5px;
  margin: 20px 0;
  padding-left: 5px;
}

/*購物車隱藏*/
#TopCart {
  display: none;
}

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-toggle {
  /*background-color: #333;*/
}

/*公司logo名稱*/
.navbar-brand {
  /* color: rgba(0, 0, 0,.6) !important; */
  font-weight: 500;
  font-size: 1.5em;
  /* text-shadow: none !important; */
  /* padding: 5px 0px; */
}

.box-shadow .btn-group {
  margin-top: 10px;
}

.btn-group a.text-shadow {
  color: #000;
}

.navbar-right .dropdown {
  padding-right: 10px;
}

.fastLogin {
  list-style: none;
}
/*購物車數量隱藏*/

.cartNumberBadge {
  display: none;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: rgba(255,255,255,.6) !important;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.contact-info ul {
  padding-left: 2px;
}

.contact-info li,
.contact-info li a {
  color: #fff;
  list-style: none;
  text-align: left;
}

.contact-info i {
  padding-right: 5px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 280px;
}

.marginbottom30 {
  margin-bottom: 30px;
}

.top-content {
  max-width: 95%;
  margin: 0 auto;
  z-index: 999;
}

/*倒三角*/
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #e96151;
  border-bottom-color: #e96151;
}

/*快速登入*/

ul.fastLogin {
  background: #ccc;
}

.fastLogin a {
  color: #333 !important;
  font-size: 21px;
}

.fastLogin li {
  list-style-type: none;
}

/*快速登入-貼心叮嚀*/
.note-account {
  display: none;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  overflow: inherit;
}

/*分隔線*/

.divideLine {
  color: rgba(51,51,51,.9);
  font-style: inherit;
}

/*RWD*/
@media (min-width: 1279px) and (max-width :1921px) {
  /*導覽列*/
  .navbar-nav > li > a {
    /* color: rgb(0,0,0) !important; */
    /* font-size: 1.2em; */
    /* font-weight: 500; */
    /* text-shadow: none !important; */
    /*padding: 15px 2px 10px 2px;*/
    /*考慮登陸帳號長度*/
  }
}
@media (min-width: 768px) and (max-width :1279px) {
  .navbar-nav .open .dropdown-menu {
    /*background-color: #fff;*/
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #333 !important;
    position: static;
    margin: 0;
    padding: 0 6px;
    float: none;
    width: auto;
  }
  /*導覽列*/
  .navbar-nav > li > a {
    font-size: 15px;
    font-weight: 500;
    text-shadow: none !important;
    padding: 8px 10px;
  }

  .navbar-nav .open .dropdown-menu:hover {
    width: auto;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333 !important;
  }

  .navbar-toggle {
    /*background-color: rgba(0,0,0,.6) !important;*/
  }

  .home-top .dropdown-toggle {
    border-bottom: 1px solid #ddd;
  }
}
@media only screen and ( min-width:481px) and (max-width :767px) {
  .home-top .dropdown-toggle {
    color: #333 !important;
    font-size: 1.2em;
  }

  .navbar-nav .open .dropdown-menu {
    /*background-color: #fff;*/
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #333 !important;
    position: static;
    margin: 0;
    padding: 0 6px;
    float: none;
    width: auto;
  }
  /*導覽列*/
  .navbar-nav > li > a {
    font-size: 15px;
    font-weight: 500;
    text-shadow: none !important;
    padding: 8px 10px;
  }

  .navbar-nav .open .dropdown-menu:hover {
    width: auto;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333 !important;
  }

  .navbar-toggle {
    /*background-color: rgba(0,0,0,.6) !important;*/
  }

  .home-top .dropdown-toggle {
    border-bottom: 1px solid #ddd;
  }
}
@media only screen and ( min-width:321px) and (max-width :480px) {
  .home-top .dropdown-toggle {
    color: #333 !important;
    font-size: 1.2em;
  }

  .navbar-nav .open .dropdown-menu {
    /*background-color: #fff;*/
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #333 !important;
    position: static;
    margin: 0;
    padding: 0 6px;
    float: none;
    width: auto;
  }
  /*導覽列*/
  .navbar-nav > li > a {
    font-size: 1.5em;
    font-weight: 500;
    text-shadow: none !important;
    /* padding: 8px 10px; */
    color: #333 !important;
  }

  .navbar-nav .open .dropdown-menu:hover {
    width: auto;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333 !important;
  }

  .navbar-toggle {
    /*background-color: rgba(0,0,0,.6) !important;*/
  }

  .home-top .dropdown-toggle {
    border-bottom: 1px solid #ddd;
  }
}
@media only screen and ( max-width:320px) {
  .home-top .dropdown-toggle {
    color: #333 !important;
    font-size: 1.2em;
  }

  .navbar-nav .open .dropdown-menu {
    /*background-color: #fff;*/
    border: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #333 !important;
    position: static;
    margin: 0;
    padding: 0 6px;
    float: none;
    width: auto;
  }
  /*導覽列*/
  .navbar-nav > li > a {
    font-size: 15px;
    font-weight: 500;
    text-shadow: none !important;
    padding: 8px 10px;
  }

  .navbar-nav .open .dropdown-menu:hover {
    width: auto;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333 !important;
  }

  .navbar-toggle {
    /*background-color: rgba(0,0,0,.6) !important;*/
  }

  .home-top .dropdown-toggle {
    border-bottom: 1px solid #ddd;
  }
}
@media only screen and (min-device-width: 501px) {
  .container {
    max-width: 100%;
  }
}

/*@media (max-width: 960px)
{

    .visible-xs
    {
        display: block!important;
    }

    .hidden-xs
    {
        display: none!important;
    }

    .navbar-brand
    {
        position: absolute;
    }
}*/
@media (max-width: 768px) {
  body {

    background-size: contain;
    background-repeat: no-repeat;

  }
}

.map h3 {
  font-size: 1.2em;
  font-family: 微軟正黑體, "Microsoft JhengHei", MingLiU, sans-serif;
  color: #000;
  font-size: 2em;
  line-height: 42px;
  font-weight: 600;
  letter-spacing: 2;
  margin-bottom: 5px;
  text-align: center;
  border-bottom: 1px #FFF;
}

.map h5 {
  font-size: 1.2em;
  font-family: 微軟正黑體, "Microsoft JhengHei", MingLiU, sans-serif;
  color: #333;
  font-size: 1.5em;
  line-height: 35px;
  font-weight: 600;
  letter-spacing: 2;
  margin-bottom: 5px;
  text-align: center;
  border-bottom: 1px rgb(255 255 255 / .3) dashed;
}

.map p {
  font-size: 16px;
  font-family: 微軟正黑體, "Microsoft JhengHei", MingLiU, sans-serif;
  color: #fff;
}

.map ul {
  font-size: 12px;
  font-family: 微軟正黑體, "Microsoft JhengHei", MingLiU, sans-serif;
  color: #fff;
  list-style: disc;
  text-align: left;
}

.map > a:hover {
  border: none;
  color: #1a89e7;
}

.exam {
  padding: 5%;
  margin: 1%;
  text-align: center;
  background: #fff;
  border-radius: 10px;
}
@media (min-width: 768px) {
  td {
    background: #FFF;
    border-right: 1px solid #C1C3D1;
    padding: 0;
    vertical-align: middle !important;
    font-size: 16px;
  }

  th {
    color: #fff;
    background: #abb8c3;
    border-bottom: #ccc;
    border-right: 1px solid #ccc;
    font-size: 1.2em;
    font-weight: 100;
    padding: 24px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
  }

}
@media (max-width: 768px) {
  td {
    background: #FFF;
    border-right: 1px solid #C1C3D1;
    padding: 0;
    vertical-align: middle !important;
    font-size: 12px;
  }

  th {
    color: #fff;
    background: #3498db;
    border-bottom: #a9ddff;
    border-right: 1px solid #daf0ff;
    font-size: 12px;
    font-weight: 100;
    padding: 24px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
  }

}


.btn-success {
    color: #fff !important;
    background-color: #5cb85c;
    border-color: #4cae4c;
}