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

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {width: 100%;}
    .col-md-11 {width: 91.66666667%;}
    .col-md-10 {width: 83.33333333%;}
    .col-md-9 {width: 75%;}
    .col-md-8 {width: 66.66666667%;}
    .col-md-7 {width: 58.33333333%;}
    .col-md-6 {width: 50%;}
    .col-md-5 {width: 41.66666667%;}
    .col-md-4 {width: 33.33333333%;}
    .col-md-3 {width: 25%;}
    .col-md-2 {width: 16.66666667%;}
    .col-md-1 {width: 8.33333333%;}
}

body{font-family: "微軟正黑體"}
.header{  padding-top: 14px; border: none;}
.header .container{ position: relative;}
.header .mega-menu .container{position:static;}
.header .topbar{ position: absolute;right: 10px;top: 10px; padding:0px;}
.header .topbar ul.loginbar li i.fa{ color:#222222; font-size:16px}
ul,li{list-style: none}
img{max-width: 100%;}
.topbar li{ float: left;margin:0px 4px;}

.menu-div{width:100%;background:#823d3d;}

.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover{ color: #823d3d;}
.navbar-collapse{padding:0px; background:#823d3d}
.header .navbar {margin: 0 auto;width: 813px;}
 .navbar-collapse ul{padding:0px; float: none;}
 .header .navbar-nav{float: none;}
 .header .dropdown > a:after{ display: none;}
.nav,.navbar-nav li{ font-weight: bold;}

  .nav  .line-drop{ line-height: 40px; color:#fff;}
.header .navbar-default .navbar-nav > li > a{ color: #fff;font-size: 18px; font-weight: bold; }
.header .navbar-default .navbar-nav > li > a:hover{ color: #fff;font-size: 18px; font-weight: bold; }
.nav,.navbar-nav li a:hover{ background: none;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#;}
.navbar-collapse ul  ul{ width: auto;}
.menu-style  li h3{ font-size:16px; font-family:"微軟正黑體"}
.dropdown-menu li{ border:0px #ddd solid;margin-left: 4px;}
.dropdown-menu li:hover{ background:#ffffff; border:0}
.submenu li{ padding-left:15px;max-width:250px;}
@media (min-width: 992px){
.header .mega-menu .equal-height-in {padding: 20px 0;border-left: 0px solid #eee;}
.menux{-webkit-column-width:230px;-moz-column-width:230px;-o-colum-width:230px;column-width:230px;-webkit-column-gap:1px;-moz-column-gap:1px;-o-column-gap:1px;column-gap:1px;}
.menux-div{display:inline-table;width:230px;}  
}
.header .mega-menu .equal-height-list{margin:0;}
.header .dropdown-menu li > a:hover {color: #333;filter: none !important;background: #f6f6f6 !important;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;    -o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}



 /*Dropdown Arrow Icons*/
    .header .mega-menu .mega-menu-fullwidth li a {
      padding: 6px 15px;  
    }

    .header .mega-menu .mega-menu-fullwidth li a:after {
        top: 7px;
        left: 15px;
        font-size: 11px;
        content: "\f105";
        position: absolute;
        font-weight: normal;
        display: inline-block;
        font-family: FontAwesome;
    }

    /*Dropdown Arrow Icons Disable class*/
  .equal-height-list{ margin-top:-4px}
  .submenu{ margin-top:1px}
    .header .mega-menu .mega-menu-fullwidth .disable-icons li a {
       padding: 6px 15px;
    }

    .header .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
      display: none;}
        .header .mega-menu .equal-height-list li a {
        display: block;
        position: relative;
        border-bottom: none;
        padding: 6px 15px;
    }

.header .mega-menu .equal-height-list li a{ color:#823d3d; border-bottom:1px #823d3d  solid; font-size:14px; font-weight:bold}
.header .mega-menu .equal-height-list li li a{ color:#1a1a1a; border-bottom:1px #ddd  solid; font-size:13px; font-weight:normal} 

.header .dropdown-menu li a {
color: #1a1a1a;
font-size: 14px;
padding: 6px 15px;
border-bottom: solid 1px #ddd;
font-weight:bold;
}
.header .dropdown-menu li a:hover{
color: #823d3d;
font-size: 14px;
padding: 6px 15px;
border-bottom: solid 1px #ddd;
background:#f6f6f6
}
@media (max-width: 992px){
  
.submenu li{ max-width:100%;}
  .menu-div{width:100%; background:none;}
  
.header .mega-menu .equal-height-list li a {
display: block;
font-size: 14px;
font-weight: bold;
margin-left: 0;
padding: 6px 15px;
border-bottom: solid 1px #eee;
}
.header .mega-menu .equal-height-list li a:hover {
  
border-bottom: solid 1px #eee;
}
}
@media (max-width: 992px){
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #000; 
}
}
@media (max-width: 767px){
.header .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #000; 
}
}





.container{width:1100px; margin:0 auto;padding-left: 0px;padding-right: 0px;}
.search{ margin: 15px 0px;}
.search ul{ width: 720px;margin: 0 auto;position: relative;padding: 0px;}
.search ul li{ float: left;height: 40px;}
.search ul li input{ background: #f5f3ec;border: none;color: #222;height: 35px;width: 400px;font-size: 18px;margin-left: 3px;padding: 0px;}
.search ul li .search-but{ background: url(../images/icon2.jpg) no-repeat;width: 126px;background-position: 0px -172px;margin: 0;padding: 0; }
.search ul li .search-google{ background: url(../images/icon2.jpg) no-repeat;width:126px;background-position: 0px -128px;margin: 0;padding: 0;  }


.slider-inner{ margin-top: 0px;}
.slider-inner-con .container{ width: 100%;text-align: center;padding: 0px;}
.new01-div .new01-div-c{ width: 100%;background: #FDF9F8;}
.new01-div .new01-div-c .row{margin:0px;}
.new01-div .col-md-6 .col-md-6{ padding: 0px; padding-top: 4px;}
.new01-div  .col-md-6 .new01-div-con{ padding-left: 10px;padding-right:10px; color: #222;font-size: 15px;height: 218px;overflow: hidden;line-height: 24px;}
.new01-div .new01-div-con span{ font-weight: bold;display: block;color: #c35858;}

.new01-div .col-md-6 .title-1{ background: #823d3d;height: 30px;background-position: -0px -62px; padding-left: 15px; font-size: 16px; font-weight: bold; color: #fff; line-height: 30px;}
.new01-div .col-md-6 .title-1 .pull-right{ color: #fff;font-size: 12px; margin-top: 0px;margin-right: 4px;}
.new01-div .col-md-6  ul{ padding: 0px;margin: 0px;background: #FDF9F8;}
.new01-div .col-md-6  ul li{line-height: 35px;border-bottom: 1px #fce1b4 solid;font-size: 15px;padding-left: 10px;}
.new01-div .l-title{color: #fff; display: block;  background: #823d3d;background-position: -0px -242px;height: 30px;position: relative;width: 100%;font-size: 16px;font-weight: bold;padding-left: 15px;line-height: 30px;}
.new01-div .l-title a{color: #fff;float: right;right: 10px;top: 0px;position: absolute;font-size: 12px;}
.new01-div .l-title a:hover{text-decoration: underline; }

.new-div{margin-top:5px;}
.new-div .row{ margin-top: 4px; }
.new-div .col-md-3{ margin: 5px 0px;}
.new-div .col-md-3 a{ display: block;background: #FDF9F8; color: #404040;height: 252px;overflow: hidden;}
.new-div .col-md-3 a img{ display: block; margin: 0 auto; min-width: 260px;}
.new-div .col-md-3 a span{ display: block;padding: 4px 12px;}
.new-div .pull-right{ color: #fff;font-weight: normal;font-size: 12px;line-height: 30px; top: 0px; position: a; display: block; position: absolute; right: 10px;}
.new-div .pull-right:hover{ text-decoration: underline; }

.title-text{ color: #ff9d00;font-size: 17px;font-weight: bold;line-height: 40px;padding-left: 15px;}
.title-text span{ font-size: 13px;}

.new-div .title-text{ color: #fff; display: block;  background: #823d3d; background-position: -0px -211px;height: 30px;width: 1100px; line-height: 30px; position: relative; font-size: 16px;}

.tool-div{ margin-top: 5px;}
.tool-div li{ float: left;}
.tool-div .col-md-6 .div{/* background: #F6F3EC; */height: 245px;padding-top: 10px;    overflow: hidden;}
.tool-div .col-md-3 ul{ margin: 0px;padding: 0px;}
.tool-div .col-md-3 .title{ color: #fff;background: #823d3d;height: 30px;font-size: 15px;line-height: 30px;font-weight: bold; }
.tool-div .col-md-3 .title li{ color: #fff; }
.date-top .c-left{display: block;  background:url(../images/icon2.jpg) no-repeat;background-position: -0px -93px;width: 30px;height: 30px;margin: 0px 28px;}
.date-top .c-right{display: block;  background:url(../images/icon2.jpg) no-repeat;background-position: -30px -93px;width: 30px;height:30px; }
.tool-div .col-md-3 .title2 li{ width: 35px;font-weight: bold;color: #000;text-align: center;margin-top: 10px;}
.tool-div .col-md-3 .line li{ width: 35px;color: #000;text-align: center;margin-top: 10px;line-height: 20px;}
.tool-div .col-md-3 .line .bg{ background: #ffb745;border-radius: 14px !important; }
.tool-div .col-md-3 .line .cr{ color: #ffb745; }


.tool-div .col-md-6 .title1{ background: #823d3d;height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 15px;}
.tool-div .col-md-6  .content-div{ position: relative;}
.tool-div .col-md-6  .content-div div{ line-height: 24px;color: #222;font-size: 15px; padding-right:4px;}
.tool-div .col-md-6  .content-div div a{ font-weight: bold;color:#c35858}

.tool-div .col-md-6  .img{ display: block;float: left;margin: 0px 10px 0px 10px; width:280px; text-align:center; height:200px;position:relative;}
.tool-div .col-md-6  .img img{position:absolute;top:0px;left:0px;right:0px;bottom:0px; margin:auto;}
.tool-div .col-md-6 .title1 .pull-right{ color: #fff;font-size: 12px; margin-top: 0px;margin-right: 4px;}

.tool-div .col-md-3 .title1{ background: #823d3d;background-position: -0px -31px; height: 30px; color: #fff; padding-left: 15px; font-weight: bold; line-height: 30px;}
.tool-div .col-md-3 .title1 .pull-right{ color: #fff;font-size: 12px;margin-top: 10px;margin-right: 4px;}
.tool-div .col-md-3 p{ padding: 6px;font-size:15px; }
.tool-div .col-md-3 .span1{ display: block; color:#821728 }
.tool-div .col-md-3 .span-title{ color: #821728; }
.tool-div .col-md-3 .right-ul{ padding: 0;margin: 0;font-size: 15px;}
.tool-div .col-md-3 .right-ul li{ margin-left: 10px;margin-top: 10px;line-height: 20px;width: 180px;padding-bottom: 5px;}
.tool-div .col-md-3 .right-ul .span-title{width:40px;}

.link-div{ width:1100px; margin:20px auto; position:relative;margin-top: 5px;}

.link-div .container{ height: 100px;overflow: hidden; padding:10px;}
.link-div ul{ margin: 0px;padding: 0px;}
.link-div li{ float: left;margin-left: 16px;}
.link-div .es-nav i {position: absolute;top: 15%;width: 20px;height: 18px;cursor: pointer;color: #823d3d;font-size: 48px;}
.link-div .es-nav i.es-nav-prev {}
.link-div .es-nav i.es-nav-next {right: 0px;}

.bottom-link{ background: #f5f3ec;padding: 20px;}
.bottom-link ul{ margin: 0px;padding: 0px;}
.bottom-link ul li{ float: left;border-right: 1px #ebc8c7 solid;min-width: 150px;margin-left: 20px;line-height: 28px; width:auto; padding-right: 5px;}

.bottom-link ul li a{ font-weight: bold;font-size: 18px;color: #222;}
.bottom-link ul li .title{ color: #c35858;font-weight: bold;font-size: 18px;}
.bottom-link ul .no-border{ border: none;}
.bottom-link ul li ul li{ float: none;border: none;margin-left: 0px;}
.bottom-link ul li ul li a{ font-size: 16px;}

.clear{ clear: both;}
.footer{background:#272727; padding:20px; position:relative; line-height:24px;}
.footer .col-md-5{border-left:1px #fff solid; padding-left:10px; color:#f4f4f4;}
.footer .col-md-5 a{color:#f4f4f4}
.footer .col-md-5 a:hover{ text-decoration:underline;}

.carousel-indicators .active{background-color:#ff7a03; border:1px #ff7a03 solid;}
.carousel-indicators li{background-color:#fff; border:1px #fff solid;}

.tool-div .lf{ }
@media (max-width: 992px){
    .new-div .title-text { width:100%;}
    .header .navbar-nav .open .dropdown-menu {border: 0;float: none;width: auto;margin-top: 0;position: static;box-shadow: none;background-color: transparent;}
  .nav  .line-drop{ display: none;}
.container{width:100%; margin:0 auto;}
.link-div{width:100%;}
.link-div .container{width:90%;}
.tool-div .lf{ display:none;}
.tool-div .col-md-3 {width:50%;}

.new-div .col-md-3 {width:50%;float: left;}
.dropdown-menu{ top: auto;display: none;}

.topbar{ display:none;}  
 .header .navbar  {margin: 0 auto;width: 100%;}
.navbar-collapse{background:#f7f3ea; padding-bottom:20px; max-height:2000px;}
.navbar-collapse ul{width: 100%;}

.header{height:90px;position: relative;}
.header .navbar-toggle{ display:block;position: absolute;top: -60px;right: 0px;}
 .header .dropdown > a:after{ display: block;}
 
.header .navbar-nav > li{ float: none;}
.header .navbar-default .navbar-nav > li a{ border-bottom: 1px #eeeeee solid !important;}

.mega-menu-fullwidth ul{width: 100% !important}

.header .navbar-collapse.collapse {
    display: none !important;
}
.footer .col-md-5{ width: 41%;float: left;}
.footer .col-md-3{ width: 25%;float: left;}
.footer .col-md-4{ width: 33%;float: left;}
}
@media (max-width: 768px){
 .new-div .col-md-3 {width:50%;}
 
.search ul{ width: 100%;}
.search ul .l80{width: 50%}
.search ul .l20{ width: 50%;background: none;}
.search ul li input{ width: 100%;}

.footer .col-md-5{ width: 100%;float: left;text-align: center;border: none;}
.footer .col-md-3{ width: 100%;float: left;text-align: center;}
.footer .col-md-4{ width: 100%;}
}
@media (max-width: 600px) {
    
.search ul .l80{width: 100%}
.search ul .l20{ width: 100%;background: none;}
}
@media (max-width: 540px) {
.new-div .col-md-3 {width: 100%;text-align: center;}
.new-div .col-md-3 img {margin: 0 auto;}
}
.clients-page {
  margin-top: 10px;
  margin-bottom: 0px;
  /*padding-bottom: 30px;*/
  border-bottom: solid 1px #eee; 
position: relative;
}

.clients-page ul {
  margin-bottom: 10px;
}

.clients-page li {
  margin: 0 5px 3px 0;
}

.clients-page h3 {
  margin-top: 10px;
  font-size: 18px;
}

.clients-page img {
  padding: 4px;
  margin: 15px 0; 
  border: solid 1px #eee;
  background: #fafafa;
}

.clients-page p{margin-bottom: 30px;}

.clients-page:hover img {
  border-color: #bbb;
}
.clients-page a{display:block; padding:5px 10px}
.clients-page a:hover{ text-decoration:none; color:#FEB43E; background:#f6f6f6; border:0px #000 solid; }


@media (max-width: 992px) { 
   .clients-page {
/* text-align: center;*/
  }
  .clients-page img {
    margin: 0 auto 30px;
  }
  
  .news-li a{ display:block; width:100%;padding:20px 8px 10px 8px;overflow:hidden; font-size:14px}
  .news-li a:hover{ color:#555; text-decoration:none}
  .news-li:hover{ background:#f6f6f6}
}


@media (min-width: 992px){
     .h-style1{ width:760px; height:auto; overflow:hidden; text-align:left}
     .list-inline1{ border:; width:auto; float:right;text-align:right;position: absolute;right: -36px;top: 7px;}
    }


.totalcount{ text-align:right;padding:10px;font-weight:bold}


.font-style{float:left; font-size:14px;margin-right:5px; }
.font-style a{width:25px; height:25px; background:#c8c8c8; text-align:center; color:#ffffff; display:block; float:left; margin:0 2px; line-height:25px}
.font-style a:hover{ background:#823d3d; color:#ffffff; text-decoration:none}
.font-style .active{ background:#823d3d; color:#ffffff; text-decoration:none}
.right-icon-div{width:485px; float:right; margin-right:-35px; }
.social_facebook {background: url(../images/facebook.png) no-repeat;}
.social_twitter {background: url(../images/twitter.png) no-repeat;}
.social_googleplus {background: url(../images/googleplus.png) no-repeat;}
@media (max-width: 500px) {
.social-icons{ display:none}
.right-icon-div{width:167px}
}
       /*Portfolio v2
------------------------------------*/
.sorting-block ul {
  margin: 0;
  padding: 0;
}

/*Sorting Navigation*/
.sorting-block .sorting-nav {
  margin-bottom: 30px;
}

.sorting-block .sorting-nav li {
  padding: 0 2px;
  font-size: 14px;
  cursor: pointer;
  list-style: none;
  display: inline-block;
}

.sorting-block .sorting-nav li.active {
  color: #72c02c;
  border-bottom: solid 1px #72c02c;
}

/*Sorting Navigation v1*/
.sorting-block .sorting-nav-v1 li {
  margin: 0 5px;
  font-size: 17px;
  font-style: italic;
}

/*Sorting Grid*/
.sorting-block .sorting-grid {
  list-style: none;
}

.sorting-block .sorting-grid .mix {
    opacity: 0;
    display: none;
    margin-bottom: 30px;
}

/*Sorting Grid with Text*/
.sorting-block .sorting-grid li a:hover  {
  text-decoration: none;
}

.sorting-block .sorting-grid li span.sorting-cover {  
  padding: 8px;
  display: block;
  margin-top: 1px;
  background: #fcfcfc;
  text-align:center;
}

.sorting-block .sorting-grid li span.sorting-cover p {  
  margin-bottom: 0;
}

.sorting-block .sorting-grid li span.sorting-cover span {  
  font-size: 16px;
}

.sorting-block .sorting-grid li a:hover span.sorting-cover {
  background: #72c02c;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;  
}

.sorting-block .sorting-grid li a:hover span.sorting-cover p,
.sorting-block .sorting-grid li a:hover span.sorting-cover span {
  color: #fff;
}
 .sorting-block .sorting-grid li a:hover span.sorting-cover {
  background: #eee; 
}
 .sorting-block .sorting-grid li a:hover span.sorting-cover span {
   color:#555555
}
.eq-div{ border:1px #ddd solid; margin-bottom:5px;box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.faq-h{font-family:"微軟正黑體"; font-size:16px; font-weight:bold}
.eq-div .panel-heading a{ text-decoration:none; font-size:16px; font-weight:bold}
.eq-div .panel-heading a:hover{ text-decoration:none}
.panel-body {font-size:15px;}

.demo-pro-glyphicons{float:left; padding-left:2px}
.demo-pro-glyphicons li{ float:left; padding:0; width:24px; height:24px; margin:0 4px 0 0; }
.demo-pro-glyphicons li .glyphicons{ color:#ffffff; background:#c8c8c8;  width:24px; text-align:center; padding:3px 0 0 10px; font-size:18px; border-left:3px #c8c8c8 solid; border-top:2px #c8c8c8 solid;border-radius:20px}
.demo-pro-glyphicons li .glyphicons:hover{color:#ffffff; background:#823d3d;border-left:3px #823d3d solid;border-top:2px #823d3d solid}
.demo-pro-glyphicons span.glyphicons:before {
font-size: 19px;
}
.demo-pro-glyphicons span.glyphicons {
  margin:
}
.demo-pro-glyphicons li{ position:relative}
.demo-pro-glyphicons li span{ width:24px; height:24px;}
.social{ color:#c8c8c8}
.social1{ color:#4765a0 !important; }
.demo-pro-glyphicons .social1:hover{ color:#4765a0 !important;}
.social2{ color:#DE672D !important;}
.social3{ color:#1da1f2 !important;}
.demo-pro-glyphicons span:before {
color: inherit;
padding:0; 
}
.demo-pro-glyphicons span:after {
color: #5bb500;
padding:0; 
}
.demo-pro-glyphicons .social:hover{ color:#823d3d}

.right-icon-div{width:380px; float:right; margin-right:-15px}
@media (max-width: 992px) {
  .right-icon-div{ display:none; }
}
.popover-content{ width:178px; height:168px}

.enjoy{float:left; margin:0 5px 0 10px; font-size:14px; color:#333333}
.enjoy:hover{color:#333333}

.infosubject{color:##585f69;font-weight: bold;font-size: 20px; padding-bottom:20px;}

.bottom_but{text-align:right;padding:10px;}

.date-top{ padding:0; margin:0; width:100%; clear:both; height:30px; background:#823d3d;}
.date-top li{ float:left; font-size:13px}
.date-top .date-number{ width:116px; text-align:center; font-size:36px;line-height:35px}
.date-top li i{ font-size:36px; font-weight:lighter;color:#ccc}
.date-top .date-moush{ width:110px; color:#fff; text-align:left; line-height:35px; font-size:18px; font-weight:bold;}
.date-middle{width:100%;padding:0; margin:0;}
.date-middle li{ float:left; width:13.8%; text-align:center; height:30px; line-height:30px; font-size:14px; font-weight:bold;background:#F6F3EC; margin-left:1px;margin-bottom:1px;}
.date-bottom{width:100%;padding:0; margin:0;}
.date-bottom li{ float:left; width:13.8%; text-align:center; font-size:11px;height:34px;line-height:34px; color:#000;position:relative;margin-bottom:1px;margin-left:1px;font-size:14px; font-weight:bold; background:#F6F3EC;}
.date-bottom .popover{left:30px; top: -25px; }
.date-bottom .popover-content{height:auto}
.date-bottom .popover.right>.arrow{top:30px;margin-top:0px;}
.date-bottom .event{border-bottom:1px #ccc dashed; line-height:18px !important; margin-bottom:5px;padding-bottom:5px;}
.calendar-div{width:700px; margin:0 auto;}
.calendar-div .date-bottom{width:700px}
.calendar-div .date-middle{width:700px}
.calendar-div .date-middle li{width:99px}
.calendar-div .date-bottom li{width:99px}
.calendar-div .date-top{margin-left:40px;}
.calendar-div .chart{margin-left:40px;}
.calendar-div .date-bottom .popover{left:98px; top: -25px;}
.a-border{background: #e7b6b6 !important;border-radius: 20px !important;}
.a-leave{color:#fe2222 !important;}
.a-leave a{color:#fe2222 !important;}
.a-leave a:hover{color:#e7b6b6 !important;}
.a-today{background:#e7b6b6;border-radius: 12px;width:12px;height:12px;}
.a-border > a:hover{color:#fff !important;}
@media (max-width: 1100px) {
.container,.link-div,.new-div .title-text{width:100%; /* overflow: hidden; */}
}


.site_map{ margin:0; padding:0;}
         .site_map_li{  padding:10px; border:1px #c4d4e2 solid; background:#; padding:0; overflow:visible}
     .site_map li a{ text-decoration:none; display:block; padding:5px 10px; font-weight:bold; font-size:16px; background:#f6f6f6}
     .site_map ul li a{font-weight: normal; font-size:12px;font-weight: normal; font-size:14px; background:#ffffff}
     ..site_map ul li a ul li{font-weight: normal; font-size:12px;font-weight: normal; font-size:18px}
     .site_map li a:hover{ background:#f6f6f6}
     .site_map li ul {border:0; background:#fff; padding:0; margin-left:20px}
     
     .site_map{
                -webkit-column-width:244px;
                -moz-column-width:244px;
                -o-colum-width:244px;
                -webkit-column-gap:1px;
                -moz-column-gap:1px;
                -o-column-gap:1px;
        
        }
    
  .site_map_li:not(.site-map){
                
                border-radius:5px;
                display: inline-block;
                width:98%;
                position:relative;
                margin:5px 5px;
        padding:5px;
        box-shadow: 3px 3px 3px 0px  rgba(0,0,0,.2);
        
        }
    @media (max-width:530px){
      .site_map{width:100%;}
.site_map_li{ width:100%; margin:auto; float:none}
}

.link-span{display:block;max-width:100%;height:100px;position:relative;}
.link-span img{max-height:200px; margin:auto;position:absolute;top:0px;left:0px;right:0px; bottom:0px;}

/*Sorting Navigation*/
.sorting-block .sorting-nav {
  margin-bottom: 30px;
}

.sorting-block .sorting-nav li {
  padding: 0 2px;
  font-size: 14px;
  cursor: pointer;
  list-style: none;
  display: inline-block;
}

.sorting-block .sorting-nav li.active {
  color: #72c02c;
  border-bottom: solid 1px #72c02c;
}

/*Sorting Navigation v1*/
.sorting-block .sorting-nav-v1 li {
  margin: 0 5px;
  font-size: 17px;
  font-style: italic;
}
.sorting-block{clear: both;}
.sorting-block li{width:300px;float:left;line-height:40px;border:1px #ccc dashed;margin-left:10px;margin-bottom:10px; text-align:center;}
.sorting-block li:nth-child(odd){/*background:#f0f0f0;*/}
/*Sorting Grid*/
.sorting-block .sorting-grid {
  list-style: none;
}

.sorting-block .sorting-grid .mix {
    opacity: 0;
    display: none;
    margin-bottom: 30px;
}

/*Sorting Grid with Text*/
.sorting-block .sorting-grid li a:hover  {
  text-decoration: none;
}

.sorting-block .sorting-grid li span.sorting-cover {  
  padding: 8px;
  display: block;
  margin-top: 1px;
  background: none;
  text-align:center;
}

.sorting-block .sorting-grid li span.sorting-cover p {  
  margin-bottom: 0;
}

.sorting-block .sorting-grid li span.sorting-cover span {  
  font-size: 16px;
}

.sorting-block .sorting-grid li a:hover span.sorting-cover {
  background: #72c02c;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;  
}

.sorting-block .sorting-grid li a:hover span.sorting-cover p,
.sorting-block .sorting-grid li a:hover span.sorting-cover span {
  color: #fff;
}
 .sorting-block .sorting-grid li a:hover span.sorting-cover {
  background: #eee; 
}
 .sorting-block .sorting-grid li a:hover span.sorting-cover span {
   color:#555555
}

.tabbli{width:100%;}
.tabbli th{font-size:18px; background:#f5f3ec;border:1px solid #823d3d;text-align:center; height:40px;}
.tabbli td{font-size:16px; border:1px solid #823d3d; padding-left:10px; height:30px;}

.filetype {
display:block; 
position: relative;
color: #4765a0;
display:block; margin:0 0px 0 10px;  width:20px; height:27px; float:left
}
.filetype:before{position:absolute;left:0;top:0;display:inline-block;margin:0 5px 0 0;font:25px/1em 'Glyphicons Filetypes Regular';font-style:normal;font-weight:normal;color:#823d3d;*display:inline;*zoom:1;vertical-align:middle;text-transform:none;-webkit-font-smoothing:none}
.panel-default{ padding:8px 0; text-align:left; height:40px;}
.panel-default:hover{ background:#823d3d; color:#ffffff}
.download-div a{ color:#000;}
.download-div a:hover{ color:#ffffff;}
.download-div a:hover .filetype {color: #ffffff;}
.item-div{ float:left; height:20px; overflow:hidden; border:0px #000 solid; width:85%; font-size:14px}
.panel {
margin-bottom: 10px; position:relative; overflow:hidden}
.panel a{  background:#FAA41B; color:#FFF; width:50px; text-align:center; height:20px}
.panel .download{ position:absolute; bottom:5px; right:10px}
.panel .preview{ position:absolute; bottom:5px; right:68px}
.download-div {border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:20px}
.download-div h3{font-family:"微軟正黑體"; }
.panel-default:hover > .filetype:before{color:#fff}

.form-control-1 {
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-chk {
height: 20px;
width:20px;
border-radius: 4px;
}

.clear2:after {
 DISPLAY: block; 
 HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
} 
.product-description table{border:1px #ccc solid;color:#000; margin-top:4px;min-height: 150px;}
.product-description table th{text-align:right;vertical-align:top;}
.product-description table td{text-align:left;padding-left:5px;}
.product-description table a{color:#000;}
/*.product-a .view{ margin-bottom:15px}*/
@media (min-width: 991px){
.product-a  .product-description{ overflow:hidden;/* min-height: 150px; */}
}
.product-a .product-description{ margin-bottom:30px}
.product-a .product-description h3{ text-decoration:none; line-height:1.5;}
.product-a .product-description h3:hover{ color:#ac8f44;text-decoration:none}
.product-a:hover{ text-decoration:none;font-family:"微軟正黑體";}




/*Portfolio v1
------------------------------------*/
.view {
   z-index:9;
   cursor: default;
   overflow: hidden;
   text-align: center;
   position: relative;
/*margin-bottom: 30px;*/
   box-shadow: 0 0 3px #ddd;
   font-family:"微軟正黑體";
     background: #ffffff;
  position: relative;
    -webkit-backface-visibility: hidden;
}
.view:hover{
background: #ffffff;
}
.mask{width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
display:none;
   }
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: inline-block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #4ba1cf;
   text-align: left;
   position: relative;
   font-size: 22px;

   margin: 20px 0 0 0;
   text-shadow:none;
   font-family:"微軟正黑體";
   font-size:30px;
   border:0px #000 solid;
   padding:0;
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view p {
   font-family:"微軟正黑體";
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 10px ;
   text-align: left;
}
@media (min-width: 992px){
.view p {height:160px; overflow:hidden; }
}
.info {
   color: #fff;
   background: #0c5c9c;
   padding: 2px 10px;
   text-decoration: none;
  
   display: inline-block;
   overflow:hidden;
   text-transform: uppercase;
   margin-right:10px;
   position:absolute;
   right:10px;bottom:10px
}


.portfolio-responsive h2 {
  margin-top:0 !important;
}
@media (min-width: 992px){
.view  {
   height:180px; 
   overflow:hidden;
   text-align:center;
   background:#;
   cursor: pointer;
}
.view img{max-height:181px; }
.news-li{ overflow:hidden; line-height:32px; height:32px;}
}


/*CSS3 Hover Effect*/
.view-tenth img {
  left:0px;
  margin-left:0px;
  position:relative;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-tenth .mask {
   -webkit-transition: all 0.6s linear;
   -moz-transition: all 0.6s linear;
   -o-transition: all 0.6s linear;
   -ms-transition: all 0.6s linear;
   transition: all 0.6s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   color: #4ba1cf;
   margin: 20px 20px 0;
   background: transparent;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #ffffff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth{ overflow:hidden}
.view-tenth:hover img {
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 1;
}
.view-tenth:hover .mask {
  background-color: rgba(0, 0, 0, 0.45098);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=80);
   opacity:1;
display:block;
}

.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 2;
}
.view-tenth:hover .info { opacity: 10;}

.headline h3{font-family: "微軟正黑體";font-weight: bold;}
.breadcrumb a{font-size:14px;}

.rss-ul{ padding:0; margin:0 0px 0 -20px}

    .rss-ul li{ list-style:none; line-height:30px; float:}

         .rss-ul li a{ text-decoration:none}

     .rss-a{box-shadow: 3px 3px 3px 0px  rgba(0,0,0,.2); border:1px #ddd solid; padding:10px; margin:0 10px; width:100%; display:block; line-height:24px; margin-top:10px}

     .rss-a:hover{ background:#f8f8f8; color:#333}

.gsc-selected-option-container{  padding: 0 15px 0 6px !important;}



/*館長簡介內容start*/

.about_curator{width:100%; clear:both;padding: 20px 0;}
.about_curator .info_tab{text-align: center; margin: 30px 0;}

.about_curator .info_tab a {
    color: #555;
    padding: 7px 15px;
    margin: 10px 0 0 5px;
    border: 1px solid #eee;
text-decoration: none;
}
.about_curator li{line-height: 200%;}

.about_curator .icon_ul{}
.about_curator .icon_ul li{list-style: initial !important;}

.about_curator .num_ul{}
.about_curator .num_ul li{list-style: decimal !important;}
.about_curator ol li{list-style: decimal !important;}
.about_curator ul li{list-style: initial !important;}

/*館長簡介內容end*/

.popover-content{ width:178px; height:168px}
.popover{left:-155px; top:22px;}
.demo-pro-glyphicons li a:before>.popover{ display:none}
.demo-pro-glyphicons li a:hover>.popover{ display:block}
.enjoy{float:left; margin:0 5px 0 10px; font-size:14px; color:#333333}
.enjoy:hover{color:#333333}
.popover.bottom>.arrow{left:auto;right:5px}

.con-qrcode{display:none;}
.con-qrcode img{max-width:150px; max-height:150px;}

.red{color :red !important;}


.bottom-link .container{width:1250px;}
@media (max-width: 1250px) { 
.bottom-link ul li{ min-height:230px;}
.bottom-link ul li ul li{width:100%; min-height:20px;}
.bottom-link .container{width: 100%;}
}
.m-div{display:none; border-bottom:1px #ccc solid;line-height:34px;}
.m-div a{margin-left:10px;font-size:18px;font-weight:bold; }
@media (max-width: 992px) { 
.m-div{display:block;}
.tool-div .col-md-3{width:100%;}
.tool-div .col-md-3 .div{height:auto;min-height:250px;}
}
@media (max-width: 540px) {
  .bottom-link ul li{border:none;width:100%;}
}

.slider-inner-con{display:none;}


.header .navbar .nav > li > .search {position: relative;margin: 1px 0px 0px 3px;}
.header .navbar .nav > li > .search {color: #fff;cursor: pointer;min-width: 35px;font-size: 15px;text-align: center;background:none;display: inline-block;border-bottom:0}

.div-style{display: none;font-family:"微軟正黑體";background: #823d3d;cursor: auto;

box-shadow: 0 1px 3px #ddd; width:260px; padding:15px 0 15px 15px;position:absolute; right:-10px;top: 33px;color: #fff; width: 350px;}
.div-style a{ text-decoration: none;color: #fff;}
.header .navbar .nav > li > .search:hover {
color: #fff;
background:none;
}
.header .navbar .nav > .nav-search:hover  .div-style{ display:block}
.div-style .input-group-btn{ float:left; margin-left:0px; display:block; line-height:22px}
.div-style .input-group-a{ right: 0px;margin-left: 10px;}
.div-style .form-control{float:left; width:255px}
.div-style　input { vertical-align: middle;}
.div-style #search1{ color: #fff;background: #c35858;}
@media (max-width: 992px) {
    .div-style{ width:100%; display:block;border-top: solid 0px #eee;
box-shadow: 0 0px 0px #ddd; background:none;border:0px #000 solid; background:#F7F3EA; top:0px;right:0px; }
    .div-style .form-control{float:left; width:70%}
    .div-style .input-group-a{ right: 0px;float: none;}
    .new-div .col-md-3 a{height:auto;}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
padding-right: 5px;
    padding-left: 5px;
}
.row {
    margin-right: -5px;
    margin-left: -5px;}
.navbar-collapse.in {
    overflow-y: inherit;}

.link-menu-p{width: 680px!important;}
.link-menu{width: 220px;float: left;}
@media (max-width: 992px) {
  .link-menu{width: 100%;float: left;}
  .link-menu-p{width: 100% !important;}
.header .navbar-default .navbar-nav > li > a{color:#000;}
.header .navbar-default .navbar-nav > li > a:hover{color:#000;}
.div-style{color:#000;}
.div-style a{ text-decoration: none;color: #000;}
}

.row-fluid.privacy a {
    color: #000;
}
@media (max-width: 540px) {
  .tool-div .col-md-6 .div{height:auto;}
  .tool-div .col-md-6 .img{width:100%;}
  .form-control {width:90% !important;margin-left: 10px;}
}
@media (max-width: 400px) {
  .logo img{max-width:180px;}
  .sorting-block li{width:100%;margin-left:0px;}
}
.bottom-link .container span {
    font-weight: bold !important;
}
.con-p table {border-collapse: collapse;border: 1px solid #a0a0a0;width: 100%;margin: 10px 0;color: #333333;clear: both;}

.con-p table caption {
  font-weight: normal;
  color: #333333;
  padding-bottom: 3px;
  font-size: 110%;
  margin-bottom: 5px;
  text-align: center;
}
.con-p table th {
  font-weight: normal;
  background-color: #EBEBEB;
  padding: 4px 10px 3px 5px;
  border: 1px solid #a0a0a0;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}
.con-p table th.aright {
  text-align: right;
}
.con-p table th.aleft {
  text-align: left;
}
.con-p table td {
  font-weight: normal;
  padding: 4px 10px 3px 5px;
  border: 1px solid #a0a0a0;
  line-height: 150%;
  text-align: left;
}
.con-p table td.acenter {
  text-align: center;
}
.con-p table td.aright {
  text-align: right;
}

.con-div .gsc-tabsArea .gsc-tabHeader{min-width:65px; overflow:hidden;}

@media (max-width: 540px) {
.index-movie{display:none}
.header .container{ background: #FAEEBE; margin-top:-10px;padding-top:10px;margin-bottom: 10px;}
.playmovie{
width:100% !important;
}
}
@media (min-width: 540px) {
.index-movie{display:block}
.playmovie{
width:600px !important;
}
}



.cbp-l-caption-alignCenter .cbp-l-caption-body,.cbp-caption-defaultWrap{
border:1px solid #ccc;
}

.cbp-caption-defaultWrap img{margin: auto;  
  position: absolute;  
  top: 0; left: 0; bottom: 0; right: 0;
  max-height:100%;
  max-width:100%;
  text-align:center}
  .cbp img, .cbp-popup-singlePage img {
display: inline-block;
max-width:100%;
max-height:100%;

width:auto;
}


.absolute-div {position: absolute;right: 34%;top: 84%;padding: 15px;font-family: "微軟正黑體";opacity: .9;border-radius: 3px;overflow: hidden;}
                     .absolute-div a{font-size: 18px;color: #000;font-weight: bold;word-break:keep-all;white-space:nowrap;}
                     .absolute-div a:hover{ color: #999}
                     .absolute-div p{margin: 4px 0px;font-size: 14px;color: #000;line-height: 24px;font-weight: bold;word-break:keep-all;padding-left:8px;}
                     .absolute-div button {border: 0;color: #fff;background: #ff0000;font-size: 14px;font-weight: bold;font-family: "微軟正黑體";cursor: pointer;float: right;margin-top: -5px;border-radius: 3px;}
                     .absolute-div button:hover{background: #b70303}
.absolute-div button img{margin-left: 5px;}

@media (max-width: 700px) {
 .absolute-div {top: 70%;
}
}