/* 11/28 start */
/* 知識地圖標題 */
* {
    font-family: PingFangTC, "Microsoft JhengHei", sans-serif !important;
}
.view-categories #categories ul > li {
  margin-left: 20px !important; 
}

.view-categories #categories i:before {
  margin-left: -20px;
}


/* 知識地圖 active */

.view-categories #categories ul > li.active {
  color: #416FB4;
}


/* firefox 照片瀏覽 */

.form-photo #arrscreenshot0 {
  height: auto;
  overflow-x: auto;
}


/* 11/28 end*/

/* 大眾史學表單 */

.form-article #adminForm {
  background-color: #fff;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-top: 30px;
}

@media (max-width: 659.98px) {
  .form-article #adminForm {
    padding: 20px;
  }
}

.form-article #adminForm .control-group #jform_com_fields_agreement-lbl {
  color: rgb(195, 88, 88);
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
}
  
.form-article #adminForm .control-group .agreement_txt {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #242424;
  margin: 15px 0;
  word-wrap: break-word;
}


.form-article #adminForm .checkbox {
  padding-left: 20px;
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #242424;
}

.form-article #adminForm .control-group .controls {
  margin-bottom: 15px;
}


.form-article #adminForm .control-group .controls input,
.form-article #adminForm .control-group .controls select {
  padding: 5px 16px;
  height: 34px;
  width: 100%;
}
/*
@media (max-width: 659.98px) {
  .form-article #adminForm .control-group .controls input,
  .form-article #adminForm .control-group .controls select,
  .form-article #adminForm .control-group textarea#jform_articletext {
    width: 100% !important;
  }
}
*/
.form-article #adminForm .control-group .controls #jform_com_fields_agreement0 {
  height: auto;
  width: auto !important;
}

.form-article #adminForm div,
.form-article #adminForm label,
.form-article #adminForm span {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #242424;
}

@media (max-width: 659.98px) {
  .form-article #adminForm div,
  .form-article #adminForm label,
  .form-article #adminForm span {
    font-size: 15px;
    margin-bottom: 6px;
  }
}


/*
.form-article #adminForm .control-group .control-label {
  float: left;
  width: 260px;
  text-align: right;
  margin-right: 20px;
  clear: left;
}

@media (max-width: 659.98px) {
  .form-article #adminForm .control-group .control-label {
    text-align: left;
    width: auto;
  }
}
  
*/

.form-article #adminForm .control-group.sp .control-label {
  float: none;
  width: auto;
  text-align: left;
  margin: 0;
}

.form-article #adminForm .control-group textarea#jform_articletext  {
  width: 100%;
  min-height: 74px;
  resize: none;
}

.form-article #adminForm .control-group .controls span.limit_notes {
  float: right;
  color: #c35858;
  font-size: 15px;
}

#jform_com_fields_agreement-lbl .form-article #adminForm .control-group .star {
    color: #c35858;
    color: transparent;
}

.form-article #jform_captcha div {
  width: auto !important;
  height: auto !important;
}

.form-article #jform_captcha .btn-toolbar {
  margin-top: 20px;
}
/*
.form-article #adminForm .btn-group:first-child {
  margin-left: 280px;
}

@media (max-width: 659.98px) {
  .form-article #adminForm .btn-group:first-child {
    margin-left: 0;
  }
}
*/
.form-article #adminForm .btn-group .btn {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  padding: 8px 30px;
  border: 1px solid #e8e8e8;
  transition: 0.3s;
  margin-left: 5px;
}

.form-article #adminForm .btn-group .btn:hover {
  background-color: #eee;
}

.form-article #adminForm .btn-primary {
  border: none !important;
  background-color: #c35858;
}

.form-article #adminForm .btn-group .btn-primary:hover {
  background-color: #ac3b3b;
}

.form-article #adminForm .btn-group .btn span {
  display: none;
}

.form-article #adminForm .control-group .controls .chzn-single,
.form-article #adminForm .control-group .controls select {
  padding: 5px 16px;
  height: 34px;
  width: 300px;
 /* width: fit-content;*/
  font-size: 16px;
  line-height: 1.5;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e8e8e8;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/*
@media (max-width: 659.98px) {
  .form-article #adminForm .control-group .controls .chzn-single,
  .form-article #adminForm .control-group .controls select {
    width: auto;
  }
}

*/

.form-article #adminForm .control-group .controls .chzn-container {
  display: inline-block;
}

@media (max-width: 320px) {
  #jform_captcha {
    transform: scale(0.85);
    margin-left: -20px;
  }
}

.form-article #adminForm .control-group .controls .chzn-single b {
  margin-top: 5px;
}

/* 瀏覽照片 大眾史學 */

/* 文章 */

.skin-photos .gallery h2,
.skin-articles .article-header h3,
.skin-articles .article-header h1 {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #823d3d;
  margin-top: 0px;
  padding: 7px 27% 7px 15px;
  border: 2px solid #823d3d;
  background-image: url(/images/design/skin3.png);
  background-size: 25% auto;
  background-repeat: repeat-y;
  background-position: top right;
  text-align: left;
}

.skin-articles .article-header h3 {
  margin-top: 0;
}

.skin-articles .article-header h3 a {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #823d3d;
}

.skin-articles .article-header h3 a:hover {
  color: #ac3b3b;
  border: none;
}

.skin-articles .blogskin-articles .cat-children h3,
.about .article-content h2,
.copyright .about .article-content h3 {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: 600 !important;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #823d3d;
}

.about .article-content h2,
.copyright .article-content h3 {
  margin-top: 0 !important;
  color: #c35858 !important;
  font-size: 20px !important;
}

.skin-articles .blogskin-articles .cat-children .page-header {
  padding: 0;
}

.skin-articles .blogskin-articles .cat-children .page-header a {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  color: #242424;
  text-shadow: none;
  border: none;
}

.skin-articles .blogskin-articles .cat-children .page-header a:hover {
  color: #ac3b3b;
  border: none;
}

.skin-photos .gallery .jg_catcountimg {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: #242424;
  opacity: 0.7;
  margin-bottom: 10px;
}

.skin-articles .blogskin-articles p {
  margin-top: 60px;
}


.skin-articles .jmb-tree.jmb-tree-default ul li {
  float: unset;
}

.skin-articles .blogskin-articles .intro-image{
  margin-top: 60px;
}

.skin-articles .article-intro p,
.skin-articles .article-content p,
.about .article-content p,
.copyright .article-content p {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #242424;
  color: #000;
  margin: 15px 0;
  word-break: break-all;
}


.about .article-content p,
.copyright .article-content p {
  padding-left: 22px !important;
}
span.mytool {
    text-decoration: none;
}

/* 照片 */

.skin-photos .gallery .jg_element_cat {
  padding: 0 10px;
}

.skin-photos .gallery .jg_element_cat img {
  border: 1px solid #ddd;
  padding: 5px;
  margin: 0;
  background-color: #fff;
  transition: 0.3s;
  margin: 0;
  /*width: 100vh;*/
  width:100%!important;
  height: auto;
  max-width: 100%;
}


.skin-photos .gallery .jg_element_cat img:hover {
  opacity: 0.7;
}

.skin-photos .gallery .jg_element_cat a {
  border: none;
}

abbr[title], abbr[data-original-title] {

    text-decoration: none;
    
}


.skin-photos .gallery .jg_catelem_txt li,
.skin-photos .gallery .jg_catelem_txt li > b{
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1px;
  color: #242424;
  margin: 0;
  padding: 10px 0;
}

.skin-photos .gallery .jg_catelem_txt {
  margin: 0;
}

.skin-photos .gallery .jg_catelem_txt ul {
  padding: 0;
}

.skin-photos .gallery .jg_catelem_txt li + li {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  color: #242424;
  opacity: 0.7;
  padding: 0;
}


/* 最新消息.計畫成員.關於本站 */

.news-list .page-header {
  border: none;
}

.member .article-header,
.about .article-header,
.copyright .article-header {
  margin-top: 0px;
}

.news-list .page-header h1,
.member .article-header h1,
.about .article-header h1,
.copyright .article-header h1 {
  text-align: left;
  border: none;
  padding: 40px 0 35px;
  padding: 10px 0 35px;
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: baseline;
}

.member .article-header h1,
.about .article-header h1,
.copyright .article-header h1 {
  margin: 0;
}

.news-list .page-header h1::before,
.member .article-header h1::before,
.about .article-header h1::before,
.copyright .article-header h1::before {
  content: '';
  display: block;
  height: 100%;
  flex: 1 1 auto !important;
  border-bottom: 1px solid #242424;
  order: 2
}


.news-list .page-header h1::after,
.member .article-header h1::after,
.about .article-header h1::after,
.copyright .article-header h1::after {
  content: '';
  width: 40px;
  height: 40px;
  margin: 0 10px;
  background-image: url(/images/design/books.png);
  background-size: contain;
  display: block;
}


.news-list .page-header .fa-circle::before {
  content: " ";
}

.news-list .blognews-list .article-title { 
  font-size: 20px ;
  text-align: left;
}

.news-list .blognews-list .article-title a {
  color: #c35858;
}

.news-list .blognews-list .article-title a:hover {
  color: rgba(130,61,61,0.8);
  border: none;
}



.news-list .items-row-wrap .article-intro span,
.news-list .items-row-wrap .article-intro p {
  font-size: 16px !important;
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  text-align: left;
  margin-bottom: 30px;
  
}

.member .etd-table p,
.member .etd-table td,
.member .etd-table tr + tr > p,
.member .etd-table tr + tr > td {
  margin: 0;
  line-height: 2;
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
}

.member .etd-table tr > td > h4 > strong > span {
  color: #c35858 !important;
}



@media (min-width:480px){
  .member .etd-table tr > td:first-child {
  width: 90px;
  white-space:nowrap;
}
}


@media (max-width:479px){
  .member .etd-table tr > td:first-child {
  width: 30%;
  white-space:unset;
	}
}
/* 最新消息內頁 */

.news-list .item-pagenews-list .article-header h1 {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #c35858;
  margin: 30px 0;
  padding: 0;
}

.news-list .item-pagenews-list .article-content p,
.news-list .item-pagenews-list .article-content span {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #242424;
  margin: 15px 0;
}
  

/*submit a story*/
/*.view-form .page-header h1 {
  text-align: left;
  border: none;
  padding: 40px 0 35px;
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: bold;
  position: relative;
}


.view-form .page-header h1::before {
  content: '';
  width: calc(100% - 170px);
  height: 100%;
  display: block;
  border-bottom: 1px solid #242424;
  position: relative;
  left: 170px;
  top: 30px;
}

.view-form .page-header h1::after {
  content: '';
  width: 40px;
  height: 40px;
  background-image: url(/images/design/books.png);
  background-size: contain;
  display: block;
  position: absolute;
  left: 120px;
  top: 30px;
}
*/
.view-form .page-header:before{
      content: " ";
    display: table;
}

.view-form .page-header h1{
  text-align: left;
    font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: baseline;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 10px 0px 35px;
}
.view-form .page-header h1:before{
  content: '';
    display: block;
    height: 100%;
    flex: 1 1 auto !important;
    border-bottom: 1px solid #242424;
    order: 2;
}

.view-form .page-header {
  border: none;
  margin-bottom: 0;
  padding: 0;
}

.view-form .page-header h1:after{
	content: '';
    width: 40px;
    height: 40px;
    margin: 0 10px;
    background-image: url(/images/design/books.png);
    background-size: contain;
    display: block;
}

/* 網站導覽 */


.sitemap .osmap-sitemap .page-header h1 {
  text-align: left;
  border: none;
  padding: 40px 0 35px;
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: bold;
  position: relative;
}


.sitemap .osmap-sitemap .page-header h1::before {
  content: '';
  width: calc(100% - 170px);
  height: 100%;
  display: block;
  border-bottom: 1px solid #242424;
  position: relative;
  left: 170px;
  top: 30px;
}

.sitemap .osmap-sitemap .page-header h1::after {
  content: '';
  width: 40px;
  height: 40px;
  background-image: url(/images/design/books.png);
  background-size: contain;
  display: block;
  position: absolute;
  left: 120px;
  top: 30px;
}


.sitemap .osmap-sitemap .page-header {
  border: none;
  margin-bottom: 0;
  padding: 0;
}
  
  

/* 大標 */


.sitemap .osmap-sitemap .osmap-items h2 {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #c35858;
  margin: 0 0 24px;
  padding: 0;
}

/* 項目 */


.sitemap .osmap-sitemap .osmap-items ul {
  margin: 0 0 5px 30px;
  padding-left: 0;
  list-style: none;
}

@media (max-width: 575.98px) {
  .itemid-393 .osmap-sitemap .osmap-items ul {
    margin-left: 0;
  }
}

.sitemap .osmap-sitemap .osmap-items a {
  text-decoration: none;
  border: none;
}

.sitemap .osmap-sitemap .osmap-items a:hover {
  color: #c35858;
}
   
  
.sitemap .osmap-sitemap .osmap-items li a {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.75;
  letter-spacing: 1px;
  color: #242424;
}

.sitemap .osmap-sitemap .osmap-items ul > li > ul {
  margin-left: 44px;
  list-style-type: disc;  
}

.sitemap .osmap-sitemap .osmap-items ul > li > ul a {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75;
  color: #242424;
  opacity: 0.7;
}

.sitemap .osmap-sitemap .osmap-items ul > li > ul > li > ul {
  list-style-type: circle;
}

.sitemap .osmap-sitemap .osmap-items ul > li > ul > li > ul > li a{
  font-size: 16px;
  opacity: 0.7
}

.sitemap .osmap-sitemap .osmap-items ul > li > ul > li > ul > li > ul {
  margin-left: 1px;
}

.sitemap .osmap-sitemap .osmap-items ul > li > ul > li > ul > li > ul > li {
  list-style-type: none;
}

.sitemap .osmap-sitemap .osmap-items ul > li > ul > li > ul > li > ul > li a::before{
  content: "\2013";
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 12px;
  padding: 0 5px 0 17px;
}
  


/* skin */

.skin1 .container,
.skin2 .container,
.skin3 .container,
.skin4 .container,
.skin-photos .container,
.skin-articles .container {
  background-color: #ffffff;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
}

.skin1 #t3-mainnav .container,
.skin1 #t3-footer .container,
.skin2 #t3-mainnav .container,
.skin2 #t3-footer .container,
.skin3 #t3-mainnav .container,
.skin3 #t3-footer .container,
.skin4 #t3-mainnav .container,
.skin4 #t3-footer .container,
.skin-photos #t3-mainnav .container,
.skin-photos #t3-footer .container,
.skin-articles #t3-mainnav .container,
.skin-articles #t3-footer .container {
  background-color: transparent;
  box-shadow: none;
  padding: 0 10px;
}

.skin1 #t3-mainbody,
.skin2 #t3-mainbody,
.skin3 #t3-mainbody,
.skin4 #t3-mainbody,
.skin-photos #t3-mainbody,
.skin-articles #t3-mainbody {
  position: relative;
  padding: 20px 20px 100px;
  width: 1100px;
  margin-top: -30px;
  margin-top: 0px;
}

.skin-photos #t3-mainbody,
.skin-articles #t3-mainbody {
  margin-top: -72px;
  margin-top: 0px;
}


@media (max-width: 1199.98px) {
  .skin1 #t3-mainbody,
  .skin2 #t3-mainbody,
  .skin3 #t3-mainbody,
  .skin4 #t3-mainbody,
  .skin-photos #t3-mainbody,
  .skin-articles #t3-mainbody {
    width: 960px;
  }
}

@media (max-width: 1199.98px) {
  .about #t3-mainbody.container,
  .member #t3-mainbody.container,
  .itemid-393 #t3-mainbody.container,
  .itemid-292 .t3-content{
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .skin1 #t3-mainbody,
  .skin2 #t3-mainbody,
  .skin3 #t3-mainbody,
  .skin4 #t3-mainbody,
  .skin1 .t3-footer .container,
  .skin2 .t3-footer .container,
  .skin3 .t3-footer .container,
  .skin4 .t3-footer .container,
  .skin-photos #t3-mainbody,
  .skin-articles #t3-mainbody {
    width: 720px;
  }
}



@media (max-width: 575.98px) {
  .skin1 #t3-mainbody,
  .skin2 #t3-mainbody,
  .skin3 #t3-mainbody,
  .skin4 #t3-mainbody,
  .skin-photos #t3-mainbody,
  .skin-articles #t3-mainbody {
    width: calc(100% - 20px);
  }
}



.skin1 #t3-mainbody:before,
.skin2 #t3-mainbody:before,
.skin3 #t3-mainbody:before,
.skin4 #t3-mainbody:before,
.skin-photos #t3-mainbody:before,
.skin-articles #t3-mainbody:before {
  content: "";
  background-image: url(/images/design/skin1a.png);
  background-size: contain;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.skin2 #t3-mainbody:before {
  background-image: url(/images/design/skin2a.png);
}

.skin3 #t3-mainbody:before,
.skin-photos #t3-mainbody:before ,
.skin-articles #t3-mainbody:before {
  background-image: url(/images/design/skin3a.png);
}

.skin4 #t3-mainbody:before {
  background-image: url(/images/design/skin4a.png);
}


.skin1 #t3-mainbody:after,
.skin2 #t3-mainbody:after,
.skin3 #t3-mainbody:after,
.skin4 #t3-mainbody:after,
.skin-photos #t3-mainbody:after,
.skin-articles #t3-mainbody:after {
  content: "";
  background-image: url(/images/design/skin1b.png);
  background-size: contain;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.skin2 #t3-mainbody:after {
  background-image: url(/images/design/skin2b.png);
}

.skin3 #t3-mainbody:after,
.skin-photos #t3-mainbody:after,
.skin-articles #t3-mainbody:after {
  background-image: url(/images/design/skin3b.png);
}

.skin4 #t3-mainbody:after {
  background-image: url(/images/design/skin4b.png);
}

/* 知識地圖 */

.skin1 .container .banner-top,
.skin2 .container .banner-top,
.skin3 .container .banner-top,
.skin4 .container .banner-top {
  padding: 0 20px;
  margin-top: 20px;
  border: none;
}

.skin1 .banner-1 .jmb-tree.jmb-tree-default,
.skin2 .banner-1 .jmb-tree.jmb-tree-default,
.skin3 .banner-1 .jmb-tree.jmb-tree-default,
.skin4 .banner-1 .jmb-tree.jmb-tree-default {
  height: 40px;
  margin-bottom: 10px;
}

.skin1 .banner-1 .jmb-tree.jmb-tree-default ul,
.skin2 .banner-1 .jmb-tree.jmb-tree-default ul,
.skin3 .banner-1 .jmb-tree.jmb-tree-default ul,
.skin4 .banner-1 .jmb-tree.jmb-tree-default ul {
  float: right;
  margin: 0;
}

@media (max-width: 767.98px) {
  .skin1 .banner-1 .jmb-tree.jmb-tree-default ul,
  .skin2 .banner-1 .jmb-tree.jmb-tree-default ul,
  .skin3 .banner-1 .jmb-tree.jmb-tree-default ul,
  .skin4 .banner-1 .jmb-tree.jmb-tree-default ul {
    padding: 0;
  }
}

.skin1 .banner-1 .jmb-tree.jmb-tree-default ul li,
.skin2 .banner-1 .jmb-tree.jmb-tree-default ul li,
.skin3 .banner-1 .jmb-tree.jmb-tree-default ul li,
.skin4 .banner-1 .jmb-tree.jmb-tree-default ul li {
  font-size: 15px;
  line-height: 40px;
  padding-left: 5px;
}

@media (max-width: 767.98px) {
  .skin1 .banner-1 .jmb-tree.jmb-tree-default li,
  .skin2 .banner-1 .jmb-tree.jmb-tree-default li,
  .skin3 .banner-1 .jmb-tree.jmb-tree-default li,
  .skin4 .banner-1 .jmb-tree.jmb-tree-default li {
    width: auto;
  }    
}

.skin1 .banner-1 .jmb-tree.jmb-tree-default .menu li + li::before,
.skin2 .banner-1 .jmb-tree.jmb-tree-default .menu li + li::before,
.skin3 .banner-1 .jmb-tree.jmb-tree-default .menu li + li::before,
.skin4 .banner-1 .jmb-tree.jmb-tree-default .menu li + li::before {
  content:"|";
  padding-left: 5px;
  font-size: 15px;
}

.skin1 .banner-1 .jmb-tree.jmb-tree-default ul li a,
.skin2 .banner-1 .jmb-tree.jmb-tree-default ul li a,
.skin3 .banner-1 .jmb-tree.jmb-tree-default ul li a,
.skin4 .banner-1 .jmb-tree.jmb-tree-default ul li a{
  padding: 0;
  text-decoration: none;
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  color: #303c50;
  letter-spacing: 0.5px;
  text-shadow: none;
  border: none;
}

.skin2 .banner-1 .jmb-tree.jmb-tree-default ul li a {
  color: #625c53;
}

.skin3 .banner-1 .jmb-tree.jmb-tree-default ul li a {
  color: #823d3d;
}

.skin4 .banner-1 .jmb-tree.jmb-tree-default ul li a {
  color: #184046;
}

@media (max-width: 767.98px) {
  .skin1 .banner-1 .jmb-tree.jmb-tree-default ul li a,
  .skin2 .banner-1 .jmb-tree.jmb-tree-default ul li a,
  .skin3 .banner-1 .jmb-tree.jmb-tree-default ul li a,
  .skin4 .banner-1 .jmb-tree.jmb-tree-default ul li a { 
    display: inline-block;
	background: none;
  }
}


.skin1 .banner-1 .jmb-tree.jmb-tree-default ul li a:hover,
.skin2 .banner-1 .jmb-tree.jmb-tree-default ul li a:hover,
.skin3 .banner-1 .jmb-tree.jmb-tree-default ul li a:hover,
.skin4 .banner-1 .jmb-tree.jmb-tree-default ul li a:hover {
  color: #416FB4;
  border: none;
}

.skin2 .banner-1 .jmb-tree.jmb-tree-default ul li a:hover {
  color: #be7138;
}

.skin3 .banner-1 .jmb-tree.jmb-tree-default ul li a:hover {
  color: #c35858;
}

.skin4 .banner-1 .jmb-tree.jmb-tree-default ul li a:hover {
  color: #348f9a;
}

.skin1 .t3-sl-wrap .t3-sl,
.skin2 .t3-sl-wrap .t3-sl,
.skin3 .t3-sl-wrap .t3-sl,
.skin4 .t3-sl-wrap .t3-sl {
  border: 0;
}

/* 文章 */

.skin1 .t3-content .default {
  padding: 0;
}

.skin2 .t3-content {
  padding: 0;
}

.skin3 .t3-content {
  padding: 0;
}

.skin4 .t3-content {
  padding: 0;
}

@media (max-width: 991.98px) {
  .skin1 .t3-content .col-md-9,
  .skin2 .t3-content .col-md-9,
  .skin3 .t3-content .col-md-9,
  .skin4 .t3-content .col-md-9 {
    margin-left: 33.33%;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .skin1 .t3-content {
    width: 66.66%;
    float: right;
  }
}


@media (max-width: 575.98px) {
  .skin1 .t3-content .col-md-9,
  .skin2 .t3-content .col-md-9,
  .skin3 .t3-content .col-md-9,
  .skin4 .t3-content .col-md-9 {
    margin-left: 0;
    float: left;
    width: 100%;
  }
}

.skin1 .article-header .article-title,
.skin2 .article-header .article-title,
.skin3 .article-header .article-title,
.skin4 .article-header .article-title,
.skin1.view-default h1,
.skin2.view-default h1,
.skin3.view-default h1,
.skin4.view-default h1 {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #303c50;
  margin: 0;
  padding: 7px 27% 7px 15px;
}

.skin2 .article-header .article-title,
.skin2.view-default h1 {
  color: #625c53;
}

.skin3 .article-header .article-title,
.skin3.view-default h1 {
  color: #823d3d;
}

.skin4 .article-header .article-title,
.skin4.view-default h1 {
  color: #184046;
}

@media (max-width: 575.98px) {
  .skin1 .article-header .article-title,
  .skin2 .article-header .article-title,
  .skin3 .article-header .article-title,
  .skin4 .article-header .article-title,
  .skin1.view-default h1,
  .skin2.view-default h1,
  .skin3.view-default h1,
  .skin4.view-default h1 {
    font-size: 22px;
  }
}
  

.skin1.view-article .article-header,
.skin2.view-article .article-header,
.skin3.view-article .article-header,
.skin4.view-article .article-header,
.skin1.view-default h1,
.skin2.view-default h1,
.skin3.view-default h1,
.skin4.view-default h1 {
  border: 2px solid #303c50;
  background-image: url(/images/design/skin1.png);
  background-size: 25% auto;
  background-repeat: repeat-y;
  background-position: top right;
}

@media (max-width: 575.98px) {
  .skin1.view-article .article-header,
  .skin2.view-article .article-header,
  .skin3.view-article .article-header,
  .skin4.view-article .article-header,
  .skin1.view-default h1,
  .skin2.view-default h1,
  .skin3.view-default h1,
  .skin4.view-default h1,
  .skin-photos .gallery h2, 
  .skin-articles .article-header h3, 
  .skin-articles .article-header h1 {
    background-size: 55% auto;
    background-position: 180%;
  } 
}

.skin1.view-default h1,
.skin2.view-default h1,
.skin3.view-default h1,
.skin4.view-default h1 {
  margin: 10px; 
}

.skin2.view-article .article-header,
.skin2.view-default h1 {
  border: 2px solid #625c53;
  background-image: url(/images/design/skin2.png);
}

.skin3.view-article .article-header,
.skin3.view-default h1 {
  border: 2px solid #823d3d;
  background-image: url(/images/design/skin3.png);
}

.skin4.view-article .article-header,
.skin4.view-default h1{
  border: 2px solid #184046;
  background-image: url(/images/design/skin4.png);
}

.skin1.view-article .t3-content .item-image ,
.skin2.view-article .t3-content .item-image ,
.skin3.view-article .t3-content .item-image ,
.skin4.view-article .t3-content .item-image {
  margin-bottom: 10px !important;
  float: none !important;
}


.skin1 .article-content h2,
.skin2 .article-content h2,
.skin3 .article-content h2,
.skin3 h2 span.mytool a,
.skin4 .article-content h2,
.skin4 .article-content h2 strong,
.skin4 h2 span.mytool a {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #303c50;
  margin: 50px 0 0 0;
  padding: 0;
}

.skin2 .article-content h2 {
  color: #625c53;
}

.skin3 .article-content h2,
.skin3 h2 span.mytool a {
  color: #823d3d;
}

.skin4 .article-content h2,
.skin4 h2 span.mytool a {
  color: #184046;
}

.skin1 .article-content h2 i,
.skin2 .article-content h2 i,
.skin3 .article-content h2 i,
.skin4 .article-content h2 i {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #303c50;
  margin: 50px 0 0 0;
  padding: 0;
  font-style: normal;
}

.view-categories.skin1 .article-header{
    background-image: url(/images/design/skin1.png);
}
.view-categories.skin2 .article-header{
    background-image: url(/images/design/skin2.png);
}
.view-categories.skin3 .article-header{
    background-image: url(/images/design/skin3.png);
}
.view-categories.skin4 .article-header{
    background-image: url(/images/design/skin4.png);
}

.view-categories.skin1 .article-header,
.view-categories.skin2 .article-header,
.view-categories.skin3 .article-header,
.view-categories.skin4 .article-header{
  border: 2px solid #184046;

  background-size: 25% auto;
    background-repeat: repeat-y;
    background-position: top right;
}


.skin2 .article-content h2 i {
  color: #625c53;
}

.skin3 .article-content h2 i {
  color: #823d3d;
}

.skin4 .article-content h2 i {
  color: #184046;
}

.skin1 .article-content h3 i,
.skin2 .article-content h3 i,
.skin3 .article-content h3 i,
.skin4 .article-content h3 i {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1px;
  color: #416FB4;
  font-style: normal;
}

.skin2 .article-content h3 i {
  color: #be7138;
}

.skin3 .article-content h3 i {
  color: #c35858;
}

.skin4 .article-content h3 i {
  color: #348f9a; 
}

.skin1 .article-content h3,
.skin2 .article-content h3,
.skin3 .article-content h3,
.skin4 .article-content h3 {
  margin: 25px 0;
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1px;
  color: #416FB4;
  font-style: normal;
}

.skin2 .article-content h3  {
  color: #be7138;
}

.skin3 .article-content h3  {
  color: #c35858;
}

.skin4 .article-content h3  {
  color: #348f9a; 
}
.skin1 section.article-content {
    margin-top: 0px;
}

span.rl_tooltips-link:after {
    /* content: "]"; */
    content: "\f075";
    font-family: fontawesome;
    top: -5px;
    position: relative;
    font-size: 0.8rem;
    color: #0645ad;
}

.skin1 .article-content,
.skin2 .article-content,
.skin3 .article-content,
.skin4 .article-content {
  margin: 50px 0 0 0;
}

@media (max-width: 575.98px) {
  .skin1 .article-content,
  .skin2 .article-content,
  .skin3 .article-content,
  .skin4 .article-content {
    margin: 10px 0 0 0;
  }
}

.skin2 .article-content,
.skin3 .article-content,
.skin4 .article-content {
  margin: 0;
  padding: 0;
}

.skin1 .article-content p,
.skin1 .article-content p a,
.skin2 .article-content p,
.skin2 .article-content p a,
.skin3 .article-content p,
.skin3 .article-content p a,
.skin4 .article-content p,
.skin4 .article-content p a {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #000;
  margin: 15px 0;
}


.skin1 .pagenav > li.pagenav-next,
.skin1 .pagenav > li.next,
.skin1 .pager .next > a,
.skin1 .pager .next > span,
.skin1 .pagenav > li.pagenav-previous,
.skin1 .pagenav > li.previous,
.skin1 .pager .previous > a,
.skin1 .pager .previous > span,
.skin-articles .pagenav > li.pagenav-next,
.skin-articles .pagenav > li.next,
.skin-articles .pager .next > a,
.skin-articles .pager .next > span,
.skin-articles .pagenav > li.pagenav-previous,
.skin-articles .pagenav > li.previous,
.skin-articles .pager .previous > a,
.skin-articles .pager .previous > span {
  float: none;
}

.skin1 .pager .next > a:before,
.skin1 .pager .previous > a:before,
.skin-articles .pager .next > a:before,
.skin-articles .pager .previous > a:before {
  content: "|";
}

.skin1 .pager .next > a:after,
.skin1 .pager .previous > a:after,
.skin-articles .pager .next > a:after,
.skin-articles .pager .previous > a:after{
  content: "|";
}

.skin1 span.mytool a,
.skin2 span.mytool a,
.skin3 span.mytool a,
.skin4 span.mytool a {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  font-weight: 400;  
  color: #416FB4;
  font-style: normal;
}

.skin2 span.mytool a {
  color: #be7138;
}

.skin2 h3 span.mytool a{
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1px;
  font-style: normal;
}


.skin3 span.mytool a{
  color: #c35858;
}

.skin4 span.mytool a {
  color: #348f9a;
}
 

.skin1 span.mytool a:hover,
.skin2 span.mytool a:hover,
.skin3 span.mytool a:hover,
.skin4 span.mytool a:hover { 
  color: #284f99;
  border: none;
}

a.toclink.toclink-h1 {
    font-weight: 900;
}

.skin2 .autotoc ul li a, .skin3 .autotoc ul li a, .skin4 .autotoc ul li a {
    color: #000;
}
.skin2 span.mytool a:hover{
  color: #a55122;
}

.skin3 span.mytool a:hover,
.skin3 h2 span.mytool a:hover {
  color: #ac3b3b;
}

.skin4 span.mytool a:hover,
.skin4 h2 span.mytool a:hover {
  color: #1f6f7b;
}


/* 註 */

.skin1 .rl_tooltips-link i.fa.fa-comment,
.skin2 .rl_tooltips-link i.fa.fa-comment,
.skin3 .rl_tooltips-link i.fa.fa-comment,
.skin4 .rl_tooltips-link i.fa.fa-comment {
  display: none;
}

.skin1 .rl_tooltips-link sup,
.skin2 .rl_tooltips-link sup,
.skin3 .rl_tooltips-link sup,
.skin4 .rl_tooltips-link sup {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #416fb4;
  padding: 0 5px;
  top: 0;
}

.skin2 .rl_tooltips-link sup {
  color: #be7138;
  color: #0645ad;
}

.skin3 .rl_tooltips-link sup {
  color: #c35858; 
  color: #0645ad;
}

.skin4 .rl_tooltips-link sup {
  color: #348f9a; 
  color: #0645ad;
}


  

.popover {
  border: none !important;
}    

.popover div, 
.popover p,
.popover span {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  color: rgba(36,36,36,0.7);
  font-size: 15px;
  line-height: 21px;
  border: none;
} 


/*老照片 */

@media (max-width: 991.98px) {
  .skin1 .t3-content .items-row-wrap .col-sm-4,
  .skin-photos .t3-content .gallery .jg_element_cat {
    width: 100%;
    min-height: auto !important;
  }
}

@media (max-width: 575.98px) {
  .skin-photos .t3-content .gallery .jg_element_cat {
	padding: 0;
  }
}


/* sidebar */

.skin1 .t3-sidebar .t3-module {
  padding: 0;
  margin: 0;
}

.skin1 .t3-sidebar .t3-module .module-title,
.skin2 .autotoc > span,
.skin3 .autotoc > span,
.skin4 .autotoc > span {
  padding: 20px 0 0 5px;
}

.skin1 .t3-sidebar .t3-module .module-title span, 
.skin2 .autotoc > span,
.skin2 .autotoc > span a,
.skin3 .autotoc > span,
.skin3 .autotoc > span a,
.skin4 .autotoc > span,
.skin4 .autotoc > span a {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #242424;
  text-decoration: none;
}


.skin1 .t3-sidebar .module-ct{
  padding: 15px 0 14px;
}

.skin2 .autotoc ul,
.skin3 .autotoc ul,
.skin4 .autotoc ul {
  margin: 0;
}

.skin1 .t3-sidebar #Mod97 .module-ct {
  padding: 15px 0 0px;
}


.skin1 .t3-sidebar nav.jmb-tree.jmb-tree-default ul {
  margin: 0;
  padding: 0;
}

.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul {
  padding-left: 5px;
  margin: 0;
}

.skin2 .autotoc ul:first-child,
.skin3 .autotoc ul:first-child,
.skin4 .autotoc ul:first-child {
  margin-top: 15px;
}

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin2 .autotoc ul li a,
.skin3 .autotoc ul li a,
.skin4 .autotoc ul li a,
.skin1 #categories .dataul li,
.skin2 #categories .dataul li,
.skin3 #categories .dataul li,
.skin4 #categories .dataul li {
  padding: 0 5px;
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: #242424;
  opacity: 0.7;
  text-shadow: none;
  border: none;
}
.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin1 #categories .dataul li,
.skin2 #categories .dataul li,
.skin3 #categories .dataul li,
.skin4 #categories .dataul li{
  color:#000;
  font-weight: 400;
}

.t3-sidebar .jmb-tree.jmb-tree-default ul li.jmb-tree-level2 a{
  font-weight:400;
}

.skin1 #categories ul.dataul,
.skin1 #categories .dataul li,
.skin2 #categories ul.dataul,
.skin2 #categories .dataul li,
.skin3 #categories ul.dataul,
.skin3 #categories .dataul li,
.skin4 #categories ul.dataul,
.skin4 #categories .dataul li {
  background-color: #fff;
  box-shadow: none;
}

.skin1 #categories ul.dataul,
.skin2 #categories ul.dataul,
.skin3 #categories ul.dataul,
.skin4 #categories ul.dataul {
  padding: 0;
}

.skin1 #categories .col-md-3,
.skin2 #categories .col-md-3,
.skin3 #categories .col-md-3,
.skin4 #categories .col-md-3 {
  padding-left: 20px;
}


.skin2 .autotoc,
.skin3 .autotoc,
.skin4 .autotoc,
.skin1 #categories ul.dataul,
.skin2 #categories ul.dataul,
.skin3 #categories ul.dataul,
.skin4 #categories ul.dataul {
  background-color: #ffffff;
  border: none;
  height: 60vh;
  width: 100%;
  overflow-y: scroll;
  padding: 4px 0 0 0;
 
}

@media (max-width: 575.98px){
  .skin2 .autotoc,
  .skin3 .autotoc,
  .skin4 .autotoc,
  .skin1 #categories ul.dataul,
  .skin2 #categories ul.dataul,
  .skin3 #categories ul.dataul,
  .skin4 #categories ul.dataul {
    height: auto;
    overflow-y: scroll;
    max-height: inherit;
  }  
}    



.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li a:hover,
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a:hover,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a:hover {
  color: #416FB4;
  border: none;
}


.skin2 .autotoc ul li a:hover,
.skin3 .autotoc ul li a:hover,
.skin4 .autotoc ul li a:hover {
  color: #be7138;
  text-decoration: none;
}

.skin3 .autotoc ul li a:hover,
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a:hover,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a:hover {
  color: #c35858;
}

.skin4 .autotoc ul li a:hover {
  color: #348f9a;
}

.skin1 .t3-sidebar .module-title  {
  border-top: 1px solid rgba(48,60,80,0.7);
}

.skin1 .t3-sidebar #Mod151 .module-title  {
  border: none;
  padding-top: 0;
}

.skin1 li.jmb-tree-level1.jmb-tree-dropdown ul {
  border: none;
}

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default li {
  background: #fff;
  border: none;
}

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default li.active>a {
  color: #416FB4;
}

.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default li.active>a,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default li.active>a {
  color: #c35858;;
}


.skin1 li.jmb-tree-level1.jmb-tree-dropdown li > a:before,
.skin2 .autotoc ul > li > ul > li > ul > li > a:before,
.skin3 .autotoc ul > li > ul > li > ul > li > a:before,
.skin4 .autotoc ul > li > ul > li > ul > li > a:before {
  content: "\2013";
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  font-size: 12px;
  padding: 0 5px 0 17px;
}

.skin2 .autotoc ul > li > ul > li > ul > li > a,
.skin3 .autotoc ul > li > ul > li > ul > li > a,
.skin4 .autotoc ul > li > ul > li > ul > li > a {
  padding-left: 31.8px;
  display: block;
}

.skin2 .autotoc ul > li > ul > li > ul > li > a:before,
.skin3 .autotoc ul > li > ul > li > ul > li > a:before,
.skin4 .autotoc ul > li > ul > li > ul > li > a:before {
  margin-left: -31.8px;
}

.skin1 .t3-sidebar.t3-sidebar-left .t3-sidebar-inner,
.skin-photos .t3-sidebar.t3-sidebar-left .t3-sidebar-inner,
.skin-articles .t3-sidebar.t3-sidebar-left .t3-sidebar-inner {
  height: 60vh;
  overflow-y: scroll;
  padding-top: 4px;
}

@media (max-width: 768.98px) {
  .skin1 .jmb-tree.jmb-tree-default a,
  .skin2 .jmb-tree.jmb-tree-default a,
  .skin3 .jmb-tree.jmb-tree-default a,
  .skin4 .jmb-tree.jmb-tree-default a { 
    display: inline-block;
	background: none;
  }
}

@media only screen and (max-width: 767px) {
  .skin1 .jmb-tree.jmb-tree-default li a:hover,
  .skin2 .jmb-tree.jmb-tree-default li a:hover,
  .skin3 .jmb-tree.jmb-tree-default li a:hover,
  .skin4 .jmb-tree.jmb-tree-default li a:hover,
  .jmb-tree.jmb-tree-default ul ul li:hover, 
  .jmb-tree.jmb-tree-default ul ul li.active > a {
    /*background: #ffffff !important; */
    box-shadow: none !important;
  }
}


@media only screen and (max-width: 767px) {
  .jmb-tree.jmb-tree-default ul ul li a:before,
  .jmb-tree.jmb-tree-default ul ul ul li a:before {
    width: 0 !important;
    height: 0 !important;
    margin-right: 0 !important;
    display: inline !important;
    border: none !important;
   }
}

@media only screen and (max-width: 767px) {
  .jmb-tree.jmb-tree-default ul ul li a:hover::before,
  .jmb-tree.jmb-tree-default ul ul ul li a:hover::before {
    background: none;
   }
}

.skin1 .t3-sidebar.t3-sidebar-left:before,.skin3 .t3-sidebar.t3-sidebar-left:before,
.skin-photos .t3-sidebar.t3-sidebar-left:before,
.skin-articles .t3-sidebar.t3-sidebar-left:before,
.skin2 .autotoc-wrapper:before,
.skin3 .autotoc-wrapper:before,
.skin4 .autotoc-wrapper:before,
.skin1 #categories .dataul-wrapper:before,
.skin2 #categories .dataul-wrapper:before,
.skin3 #categories .dataul-wrapper:before,
.skin4 #categories .dataul-wrapper:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0px;
  right: 0px;
  border-top: 2px solid #2d3c52;
  pointer-events: none;
}


.skin2 .autotoc-wrapper:before,
.skin2 #categories .dataul-wrapper:before {
  border-top: 2px solid #625c53;
}

.skin3 .autotoc-wrapper:before,
.skin3 #categories .dataul-wrapper:before,
.skin-photos .t3-sidebar.t3-sidebar-left:before,
.skin-articles .t3-sidebar.t3-sidebar-left:before{
  border-top: 2px solid #823d3d;
}

.skin4 .autotoc-wrapper:before,
.skin4 #categories .dataul-wrapper:before {
  border-top: 2px solid #184046;
}

.skin3 .t3-sidebar.t3-sidebar-left,
.skin1 .t3-sidebar.t3-sidebar-left,
.skin-photos .t3-sidebar.t3-sidebar-left,
.skin-articles .t3-sidebar.t3-sidebar-left {
  border-top: 1px solid rgba(48,60,80,0.7);
  border-bottom: 1px solid rgba(48,60,80,0.7);
  padding: 20px 0;
  margin: 5px 10px;
  width: calc(25% - 20px);  
  position: sticky;
  position: -webkit-sticky;
  top: 60px;
}

.skin-photos .t3-sidebar.t3-sidebar-left,
.skin-articles .t3-sidebar.t3-sidebar-left {
  margin-top: 0px;
  border-top: 1px solid rgba(130,61,61,0.7);
  border-bottom: 1px solid rgba(130,61,61,0.7);
}

@media (max-width: 991.98px) {
  .skin1 .t3-sidebar.t3-sidebar-left,
  .skin2 .article-content .col-md-3, 
  .skin3 .article-content .col-md-3, 
  .skin4 .article-content .col-md-3,
  .skin-photos .t3-sidebar.t3-sidebar-left,
  .skin-articles .t3-sidebar.t3-sidebar-left {
    width: calc(33.333% - 20px); 
    float: left;
  }
}

@media (max-width: 575.98px) {
  .skin1 .t3-sidebar.t3-sidebar-left,
  .skin2 .article-content .col-md-3, 
  .skin3 .article-content .col-md-3, 
  .skin4 .article-content .col-md-3 {
    width: 100%; 
  }
}

@media (max-width: 575.98px) {
  .skin1 .t3-sidebar.t3-sidebar-left,
  .skin-photos .t3-sidebar.t3-sidebar-left,
  .skin-articles .t3-sidebar.t3-sidebar-left {
    width: calc(100% - 20px);  
  }
}

.skin1 #categories ul.dataul,
.skin2 #categories ul.dataul,
.skin3 #categories ul.dataul,
.skin4 #categories ul.dataul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.skin2 .autotoc-wrapper,
.skin3 .autotoc-wrapper,
.skin4 .autotoc-wrapper,
.skin1 #categories .dataul-wrapper,
.skin2 #categories .dataul-wrapper,
.skin3 #categories .dataul-wrapper,
.skin4 #categories .dataul-wrapper {
  border-top: 1px solid rgba(98,92,83,0.7);
  border-bottom: 1px solid rgba(98,92,83,0.7);
  padding: 20px 0;
  height: calc(60vh + 42px);
  position: relative;
}



@media (max-width: 991.98px){
  .skin2 .autotoc-wrapper,
  .skin3 .autotoc-wrapper,
  .skin4 .autotoc-wrapper,
  .skin1 #categories .dataul-wrapper,
  .skin2 #categories .dataul-wrapper,
  .skin3 #categories .dataul-wrapper,
  .skin4 #categories .dataul-wrapper {
    margin-top: -95px !important;
  }
}

@media (max-width: 991.98px){
  .skin4 .autotoc-wrapper {
    margin-top: -112px !important;
  }
}

@media (max-width: 575.98px){
  .skin2 .autotoc-wrapper,
  .skin3 .autotoc-wrapper,
  .skin4 .autotoc-wrapper,
  .skin1 #categories .dataul-wrapper,
  .skin2 #categories .dataul-wrapper,
  .skin3 #categories .dataul-wrapper,
  .skin4 #categories .dataul-wrapper {
    margin-top: 20px !important;
    display: inline-block;
    height: auto;
  }
}

@media (max-width: 575.98px){
  .skin3 .autotoc-wrapper,
  .skin4 .autotoc-wrapper,
  .skin1 #categories .dataul-wrapper,
  .skin2 #categories .dataul-wrapper,
  .skin3 #categories .dataul-wrapper,
  .skin4 #categories .dataul-wrapper {
    height: auto;
    width: 100%;
  }
}
  

.skin1 #categories .dataul-wrapper {
  border-top: 1px solid rgba(48,60,80,0.7);
  border-bottom: 1px solid rgba(48,60,80,0.7);
}

.skin3 .autotoc-wrapper,
.skin3 #categories .dataul-wrapper {
  border-top: 1px solid rgba(130,61,61,0.7);
  border-bottom: 1px solid rgba(130,61,61,0.7);
}

.skin4 .autotoc-wrapper,
.skin4 #categories .dataul-wrapper {
  border-top: 1px solid rgba(24,64,70,0.7);
  border-bottom: 1px solid rgba(24,64,70,0.7);
}

.skin1 #categories .dataul-wrapper,
.skin2 #categories .dataul-wrapper,
.skin3 #categories .dataul-wrapper,
.skin4 #categories .dataul-wrapper {
  margin: 5px 0px !important;
  width: 100%;
}

.itemid-545 #categories .dataul-wrapper {
  margin-top: 0px !important;
}

  
.skin2 .article-content .col-md-3,
.skin3 .article-content .col-md-3,
.skin4 .article-content .col-md-3 {
  position: sticky;
  position: -webkit-sticky;
  top: 120px; 
}

.skin1 #categories .col-md-3,
.skin2 #categories .col-md-3,
.skin3 #categories .col-md-3,
.skin4 #categories .col-md-3 {
  position: sticky;
  position: -webkit-sticky;
  top: 60px;
}
.blog h3 a, .blog h3 a i, .exhibition-list .article-header .article-title a, .skin1 .article-header .article-title, .skin2.view-default h1, .skin2 .article-header .article-title, .skin2.view-default h1, .skin3 .article-header .article-title, .skin2.view-default h1, .skin4 .article-header .article-title, .skin2.view-default h1, .skin1 .article-content h2, .skin2 .article-content h2, .skin3 .article-content h2, .skin1 .article-content p.h2, .skin2 .article-content p.h2, .skin3 .article-content p.h2, .skin4 .article-content p.h2, .skin4 .article-content h2, .skin1 .article-content h3, .skin2 .article-content h3, .skin3 .article-content h3, .skin4 .article-content h3, .skin1 .article-content h2 i, .skin2 .article-content h2 i, .skin3 .article-content h2 i, .skin4 .article-content h2 i, .skin1 .article-content h3 i, .skin2 .article-content h3 i, .skin3 .article-content h3 i, .skin4 .article-content h3 i, .skin1 .banner-1 .jmb-tree.jmb-tree-default ul li a, .skin2 .banner-1 .jmb-tree.jmb-tree-default ul li a, .skin3 .banner-1 .jmb-tree.jmb-tree-default ul li a, .skin4 .banner-1 .jmb-tree.jmb-tree-default ul li a, .home_theme .news-item .article-content h5 a, .skin1 #com_glossary #glossarylist a, .skin2 #com_glossary #glossarylist a, .skin3 #com_glossary #glossarylist a, .skin4 #com_glossary #glossarylist a {
    color: #001f3e;
}

@media (min-width: 576px) and (max-width: 991.98px) {
  .skin1 #categories .col-md-3, 
  .skin2 #categories .col-md-3,
  .skin3 #categories .col-md-3,
  .skin4 #categories .col-md-3,
  .skin2 .article-content .col-md-3,
  .skin3 .article-content .col-md-3,
  .skin4 .article-content .col-md-3 {
    position: sticky;
    position: -webkit-sticky;
    top: 180px;
    width: calc(33.333% - 20px) !important;
    float: left;
  }
}

@media (max-width: 575.98px) {
  .skin1 #categories .col-md-3, 
  .skin2 #categories .col-md-3,
  .skin3 #categories .col-md-3,
  .skin4 #categories .col-md-3,
  .skin2 .article-content .col-md-3,
  .skin3 .article-content .col-md-3,
  .skin4 .article-content .col-md-3 {
    position: static;
    top: 0;
    margin-bottom: 20px;
  }
}

.skin1 .t3-sidebar.t3-sidebar-left:after,
.skin3 .t3-sidebar.t3-sidebar-left:after,
.skin-photos .t3-sidebar.t3-sidebar-left:after,
.skin-articles .t3-sidebar.t3-sidebar-left:after,
.skin2 .autotoc-wrapper:after,
.skin3 .autotoc-wrapper:after,
.skin4 .autotoc-wrapper:after,
.skin1 #categories .dataul-wrapper:after,
.skin2 #categories .dataul-wrapper:after,
.skin3 #categories .dataul-wrapper:after,
.skin4 #categories .dataul-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  border-bottom: 2px solid #2d3c52;
  pointer-events: none;
}

.skin2 .autotoc-wrapper:after,
.skin2 #categories .dataul-wrapper:after {
  border-bottom: 2px solid #625c53;
}

.skin3 .autotoc-wrapper:after,
.skin3 #categories .dataul-wrapper:after,
.skin-photos .t3-sidebar.t3-sidebar-left:after,
.skin-articles .t3-sidebar.t3-sidebar-left:after {
  border-bottom: 2px solid #823d3d;
}

.skin4 .autotoc-wrapper:after,
.skin4 #categories .dataul-wrapper:after {
  border-bottom: 2px solid #184046;
}
.skin1 .article-content p.h2, .skin2 .article-content p.h2, .skin3 .article-content p.h2, .skin4 .article-content p.h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
}

@media (max-width:575.98px) {
  .skin1 #categories .table,
  .skin2 #categories .table,
  .skin3 #categories .table,
  .skin4 #categories .table {
    margin-top: 20px;
  }
}


/* slideshow */

.skin1 .acm-slideshow.acm-owl,
.skin2 .acm-slideshow.acm-owl,
.skin3 .acm-slideshow.acm-owl,
.skin4 .acm-slideshow.acm-owl {
  margin-top: 50px;
}

.skin1 .acm-slideshow .owl-carousel.owl-theme,
.skin2 .acm-slideshow .owl-carousel.owl-theme,
.skin3 .acm-slideshow .owl-carousel.owl-theme,
.skin4 .acm-slideshow .owl-carousel.owl-theme {
  overflow: inherit;
}

.skin1 .owl-carousel .owl-stage-outer,
.skin2 .owl-carousel .owl-stage-outer,
.skin3 .owl-carousel .owl-stage-outer,
.skin4 .owl-carousel .owl-stage-outer {
  overflow: hidden;
}

.skin1 #acm-slideshow-101 .owl-carousel,
.skin2 #acm-slideshow-101 .owl-carousel,
.skin3 #acm-slideshow-101 .owl-carousel,
.skin4 #acm-slideshow-101 .owl-carousel {
  background: transparent;
}

.skin1 #acm-slideshow-101 .owl-carousel .owl-item,
.skin2 #acm-slideshow-101 .owl-carousel .owl-item,
.skin3 #acm-slideshow-101 .owl-carousel .owl-item,
.skin4 #acm-slideshow-101 .owl-carousel .owl-item {
  opacity: 0;
}

.skin1 #acm-slideshow-101 .owl-carousel .active.owl-item,
.skin2 #acm-slideshow-101 .owl-carousel .active.owl-item,
.skin3 #acm-slideshow-101 .owl-carousel .active.owl-item,
.skin4 #acm-slideshow-101 .owl-carousel .active.owl-item {
  opacity: 1;
}

.skin1 #acm-slideshow-101 .owl-carousel .owl-nav,
.skin2 #acm-slideshow-101 .owl-carousel .owl-nav,
.skin3 #acm-slideshow-101 .owl-carousel .owl-nav,
.skin4 #acm-slideshow-101 .owl-carousel .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}


.skin1 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev,
.skin1 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next,
.skin2 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev,
.skin2 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next,
.skin3 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev,
.skin3 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next,
.skin4 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev,
.skin4 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next {
  margin: 0;
  background-color: #c35858;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  border-radius: 0;
  width: 45px;
  height: 45px;
  font-size: 0;
  transition: 0.3s;
}
.skin2 .autotoc ul li a:hover, .skin3 .autotoc ul li a:hover, .skin4 .autotoc ul li a:hover, .skin2 .autotoc ul li a.active, .skin3 .autotoc ul li a.active, .skin4 .autotoc ul li a.active {
    color: #0645ad;
}

.skin1 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev:hover,
.skin1 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next:hover,
.skin2 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev:hover,
.skin2 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next:hover,
.skin3 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev:hover,
.skin3 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next:hover,
.skin4 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev:hover,
.skin4 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next:hover {
  background-color: #B54646;  
}

.skin1 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev,
.skin2 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev,
.skin3 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev,
.skin4 #acm-slideshow-101 .owl-carousel .owl-nav .owl-prev {
  float: left;
  background-image: url(/images/design/icon-arrow-left.png);
}

.skin1 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next,
.skin2 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next,
.skin3 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next,
.skin4 #acm-slideshow-101 .owl-carousel .owl-nav .owl-next {
  float: right;
  background-image: url(/images/design/icon-arrow-right.png);
}


.skin1 .t3-sidebar.t3-sidebar-left {
    border-top: 1px solid rgba(48,60,80,0.7);
    border-bottom: 1px solid rgba(48,60,80,0.7);
}


/*******************************/
/*hung_change_all color_to blue*/
/*******************************/

.skin1.view-article .article-header, .skin1.view-default h1,
.view-categories.skin1 .article-header{
    background-image: url(/images/design/skin1_hung.png);
}
.skin2.view-article .article-header,.skin2.view-default h1,
.view-categories.skin2 .article-header{
    background-image: url(/images/design/skin2_hung.png);  
}

.skin3.view-article .article-header,.skin3.view-default h1,
.view-categories.skin3 .article-header{
    background-image: url(/images/design/skin3_hung.png);  
}

.skin4.view-article .article-header,.skin4.view-default h1,
.view-categories.skin4 .article-header{
    background-image: url(/images/design/skin4_hung.png);  
}

.skin1.com_weianchormanager .article-header, 
.skin1.view-article .article-header, 
.skin1.view-default h1, 
.skin2.com_weianchormanager .article-header, 
.skin2.view-article .article-header, 
.skin2.view-default h1, 
.skin3.com_weianchormanager .article-header, 
.skin3.view-article .article-header, 
.skin3.view-default h1, 
.skin4.com_weianchormanager .article-header, 
.skin4.view-article .article-header, 
.skin4.view-default h1
{
      color: #001f3e;
  	border: 2px solid #001f3e;
}

.skin-photos .t3-sidebar.t3-sidebar-left, 
.skin-articles .t3-sidebar.t3-sidebar-left {
    border-top: 1px solid #001f3e;
    border-bottom: 1px solid #001f3e;
}
.skin3 .autotoc-wrapper:before, 
.skin3 #categories .dataul-wrapper:before, 
.skin-photos .t3-sidebar.t3-sidebar-left:before, 
.skin-articles .t3-sidebar.t3-sidebar-left:before {
    border-top: 2px solid #001f3e;
}

.skin-photos .gallery h2, 
.skin-articles .article-header h3, 
.skin-articles .article-header h1{
  color: #001f3e!important;
  border: 2px solid #001f3e!important;
  background-image: url(/images/design/skin3_hung.png);
}

.skin3 #t3-mainbody:before, 
.skin-photos #t3-mainbody:before, 
.skin-articles #t3-mainbody:before {
    background-image: url(/images/design/skin3a_hung.png);
}

.skin3 #t3-mainbody:after, 
.skin-photos #t3-mainbody:after, 
.skin-articles #t3-mainbody:after {
    background-image: url(/images/design/skin3b_hung.png);
}


.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default li.active>a,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default li.active>a,
.blog h3 a,
.blog h3 a i,
.news-list .blognews-list .article-title a,
.news-list .item-pagenews-list .article-header h1,
.exhibition-list .article-header .article-title a,
.skin1 .article-header .article-title, .skin2.view-default h1,
.skin2 .article-header .article-title, .skin2.view-default h1,
.skin3 .article-header .article-title, .skin2.view-default h1,
.skin4 .article-header .article-title, .skin2.view-default h1,
.skin1 .article-content h2,
.skin2 .article-content h2,
.skin3 .article-content h2,
.skin4 .article-content h2,
.skin1 .article-content h3,
.skin2 .article-content h3,
.skin3 .article-content h3,
.skin1 .article-content h2 span,
.skin2 .article-content h2 span,
.skin3 .article-content h2 span,
.skin4 .article-content h2 span,
.skin1 .article-content h3 span,
.skin2 .article-content h3 span,
.skin3 .article-content h3 span,
.skin1 .article-content h3 i,
.skin2 .article-content h3 i,
.skin3 .article-content h3 i,
.skin4 .article-content h3 i,
.skin1 .article-content h3 span i,
.skin2 .article-content h3 span i,
.skin3 .article-content h3 span i,
.skin4 .article-content h3 span i,
.skin1 .article-content h3 i span,
.skin2 .article-content h3 i span,
.skin3 .article-content h3 i span,
.skin4 .article-content h3 i span,
.skin1 .article-content h2 i,
.skin2 .article-content h2 i,
.skin3 .article-content h2 i,
.skin4 .article-content h2 i,
.skin1 .article-content h2 span i,
.skin2 .article-content h2 span i,
.skin3 .article-content h2 span i,
.skin4 .article-content h2 span i,
.skin1 .article-content h2 i span,
.skin2 .article-content h2 i span,
.skin3 .article-content h2 i span,
.skin4 .article-content h2 i span,
.skin4 .article-content h3,
.about .article-content h2, 
.skin1 .banner-1 .jmb-tree.jmb-tree-default ul li a, 
.skin2 .banner-1 .jmb-tree.jmb-tree-default ul li a, 
.skin3 .banner-1 .jmb-tree.jmb-tree-default ul li a, 
.skin4 .banner-1 .jmb-tree.jmb-tree-default ul li a,
.copyright .article-content h3,
.skin-articles .article-header h3 a,
.home_theme .news-item .article-content h5 a,
.skin1 #com_glossary #glossarylist a,
.skin2 #com_glossary #glossarylist a,
.skin3 #com_glossary #glossarylist a,
.skin4 #com_glossary #glossarylist a{
    color: #001f3e!important;

}

.skin1.view-categories #categories ul.dataul li:hover,
.skin2.view-categories #categories ul.dataul li:hover,
.skin3.view-categories #categories ul.dataul li:hover,
.skin4.view-categories #categories ul.dataul li:hover{
  color: #416FB4;
}


.skin1 .autotoc-wrapper:after, 
.skin1 #categories .dataul-wrapper:after,
.skin2 .autotoc-wrapper:after, 
.skin2 #categories .dataul-wrapper:after,
.skin3 .autotoc-wrapper:after, 
.skin3 #categories .dataul-wrapper:after,
.skin4 .autotoc-wrapper:after, 
.skin4 #categories .dataul-wrapper:after,
.skin-photos .t3-sidebar.t3-sidebar-left:after, 
.skin-articles .t3-sidebar.t3-sidebar-left:after {
    border-bottom: 2px solid #001f3e;
}


.skin1 .autotoc-wrapper, .skin1 #categories .dataul-wrapper,
.skin2 .autotoc-wrapper, .skin2 #categories .dataul-wrapper,
.skin3 .autotoc-wrapper, .skin3 #categories .dataul-wrapper,
.skin4 .autotoc-wrapper, .skin4 #categories .dataul-wrapper{
    border-top: 1px solid #001f3e;
    border-bottom: 1px solid #001f3e;
}

skin1 #t3-mainbody:before{
    background-image: url(/images/design/skin1a_hung.png);
}

skin2 #t3-mainbody:before{
    background-image: url(/images/design/skin2a_hung.png);
}

skin3 #t3-mainbody:before{
    background-image: url(/images/design/skin3a_hung.png);
}

skin4 #t3-mainbody:before{
    background-image: url(/images/design/skin4a_hung.png);
}


.skin3 .autotoc ul li a:hover, 
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a:hover, 
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a:hover,
.blog h3 a:hover,
.blog h3 a:hover i,
.exhibition-list .article-header .article-title a:hover,
.home_theme .news-item .article-content h5 a:hover{
  color:#004284!important;
}

label#jform_com_fields_agreement-lbl .star {
    display: none;
}


.form-photo .custom_upload ol{
  margin-left: 30px;
  
}

.form-photo .custom_upload li{
  list-style-type: unset !important;
}

.skin1.view-categories #categories a,
.skin2.view-categories #categories a,
.skin3.view-categories #categories a,
.skin4.view-categories #categories a{
  color: #001f3e;
}

.skin1.view-categories #categories a:hover,
.skin2.view-categories #categories a:hover,
.skin3.view-categories #categories a:hover,
.skin4.view-categories #categories a:hover{
  color: #284F99;
}
.skin1 .article-content p a,
.skin2 .article-content p a,
.skin3 .article-content p a,
.skin4 .article-content p a{
    color: #001f3e;
    border-bottom: 2px dotted #001f3e;
    padding-bottom: 0px;
}


/* 10/30 start */

/* ipad pro 改漢堡*/
@media (max-width: 1199.98px) {
  .t3-mainnav .navbar-header {
      position: relative;
      left: auto;
      top: auto;
      margin: 0;
  }
  
  .hidden-md {
    display: inline-block !important;
  }
  
  .t3-megamenu {
    display: none;
  }
}

/*瀏覽照片*/
.skin-photos .article-header {
  margin-bottom: 12px; 
}


/*照片樣式*/
.skin-photos .article-content .joomimg_row {
  overflow: hidden;
  height: auto !important;
  padding: 0.8em 0;
}


.skin-photos .article-content .joomimg162_imgct {
  padding: 0 10px;
}

.skin-photos .article-content .joomimg162_imgct a {
  border: none;
}

.skin-photos .article-content .joomimg162_imgct img {
  border: 1px solid #ddd;
  padding: 5px;
  margin: 0;
  background-color: #fff;
  transition: 0.3s;
  margin: 0;
  width: 100%!important;
  height: auto !important;
  max-width: 100%;
}

/*照片文字樣式*/

.skin-photos .article-content .joomimg162_imgct .joomimg162_txt li > b,
.skin-photos .article-content .joomimg162_imgct .joomimg162_txt li {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 1px;
  color: rgb(36, 36, 36);
  margin: 0px;
  padding: 10px 0px;
}

/* sidebar 顏色 */

.skin3 .t3-sidebar.t3-sidebar-left,
.skin1 .t3-sidebar.t3-sidebar-left,
.skin-photos .t3-sidebar.t3-sidebar-left,
.skin-articles .t3-sidebar.t3-sidebar-left,
.skin2 .autotoc-wrapper,
.skin3 .autotoc-wrapper,
.skin4 .autotoc-wrapper,
.skin1 #categories .dataul-wrapper,
.skin2 #categories .dataul-wrapper,
.skin3 #categories .dataul-wrapper,
.skin4 #categories .dataul-wrapper {
  border-top: 1px solid rgba(0,31,62,0.7);
  border-bottom: 1px solid rgba(0,31,62,0.7);
}


.skin1 .t3-sidebar.t3-sidebar-left:before,
.skin3 .t3-sidebar.t3-sidebar-left:before,
.skin-photos .t3-sidebar.t3-sidebar-left:before,
.skin-articles .t3-sidebar.t3-sidebar-left:before,
.skin2 .autotoc-wrapper:before,
.skin3 .autotoc-wrapper:before,
.skin4 .autotoc-wrapper:before,
.skin1 #categories .dataul-wrapper:before,
.skin2 #categories .dataul-wrapper:before,
.skin3 #categories .dataul-wrapper:before,
.skin4 #categories .dataul-wrapper:before {
  border-top: 2px solid #001f3e;
}

.skin1 .t3-sidebar.t3-sidebar-left:after,
.skin3 .t3-sidebar.t3-sidebar-left:after,
.skin-photos .t3-sidebar.t3-sidebar-left:after,
.skin-articles .t3-sidebar.t3-sidebar-left:after,
.skin2 .autotoc-wrapper:after,
.skin3 .autotoc-wrapper:after,
.skin4 .autotoc-wrapper:after,
.skin1 #categories .dataul-wrapper:after,
.skin2 #categories .dataul-wrapper:after,
.skin3 #categories .dataul-wrapper:after,
.skin4 #categories .dataul-wrapper:after {
  border-bottom: 2px solid #001f3e;
}

/*sidebar 高度*/

.skin1 .t3-sidebar.t3-sidebar-left .t3-sidebar-inner,
.skin-photos .t3-sidebar.t3-sidebar-left .t3-sidebar-inner,
.skin-articles .t3-sidebar.t3-sidebar-left .t3-sidebar-inner,
.skin2 .autotoc,
.skin3 .autotoc,
.skin4 .autotoc,
.skin1 #categories ul.dataul,
.skin2 #categories ul.dataul,
.skin3 #categories ul.dataul,
.skin4 #categories ul.dataul {
  height: calc(100vh - 160px);
  max-height: inherit;
}

.skin2 .autotoc-wrapper,
.skin3 .autotoc-wrapper,
.skin4 .autotoc-wrapper,
.skin1 #categories .dataul-wrapper,
.skin2 #categories .dataul-wrapper,
.skin3 #categories .dataul-wrapper,
.skin4 #categories .dataul-wrapper {
  height: calc(100vh - 118px);
}

/* 最新消息 */ 

/*大標*/
.news-list .content-categorynews-list h1 {
  text-align: left;
  border: none;
  margin: 0;
  padding: 10px 0 35px;
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: baseline;
}

.news-list .content-categorynews-list h1:before {
  content: '';
  display: block;
  height: 100%;
  flex: 1 1 auto !important;
  border-bottom: 1px solid #242424;
  order: 2;
}

.news-list .content-categorynews-list h1:after {
  content: '';
  width: 40px;
  height: 40px;
  margin: 0 10px;
  background-image: url(/images/design/books.png);
  background-size: contain;
  display: block;
}

/*列表*/

.news-list .content-categorynews-list .cat-items .list-title a {
  font-family: "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Kozuka Mincho Pro", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #001f3e;

}

.news-list .content-categorynews-list .cat-items .list-date.small {
  font-family: PingFangTC, "Microsoft JhengHei", sans-serif;
  text-align: right;
  padding: 13px 0;
  min-width: 80px;
}

.news-list .content-categorynews-list .cat-items .table-bordered > tbody > tr > td,
.news-list .content-categorynews-list .cat-items .table-bordered {
  border-left: none;
  border-right: none;
}

/*sidebar 標題換行切齊*/

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin2 .autotoc ul li a,
.skin3 .autotoc ul li a,
.skin4 .autotoc ul li a,
.skin1 #categories .dataul li,
.skin2 #categories .dataul li,
.skin3 #categories .dataul li,
.skin4 #categories .dataul li {
  padding: 0;
}

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li,
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li,
.skin2 .autotoc > ul > li,
.skin3 .autotoc > ul > li,
.skin4 .autotoc > ul > li {
  padding: 0 5px;
}

/* sidebar 透明度*/

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin2 .autotoc ul li a,
.skin3 .autotoc ul li a,
.skin4 .autotoc ul li a,
.skin1 #categories .dataul li,
.skin2 #categories .dataul li,
.skin3 #categories .dataul li, 
.skin4 #categories .dataul li {
  opacity: 1;
}

/* sidebar標題放大 */
.t3-sidebar .t3-module .module-title {
  font-size: 18px;
}

.skin1 .t3-sidebar .t3-module .module-title span,
.skin2 .autotoc > span, .skin2 .autotoc > span a,
.skin3 .autotoc > span, .skin3 .autotoc > span a,
.skin4 .autotoc > span, .skin4 .autotoc > span a {
  font-weight: 600;
}

/* sidebar 舊照片推第二行 */

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li.jmb-tree-level2 a {  
  padding-left: 31.8px;
}

.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li.jmb-tree-level2 a:before {  
  margin-left: -31.8px;
}
  

/* ie 字型 */

.skin1 .article-header .article-title,
.skin2 .article-header .article-title,
.skin3 .article-header .article-title,
.skin4 .article-header .article-title,
.skin1.view-default h1,
.skin2.view-default h1,
.skin3.view-default h1,
.skin4.view-default h1,
.skin1 .article-content h3 i,
.skin2 .article-content h3 i,
.skin3 .article-content h3 i,
.skin4 .article-content h3 i {
  font-family: MingLiU, “Yu Mincho Light”, YuMincho, “Yu Mincho”, 游明朝体, “ヒラギノ明朝 ProN”, “Hiragino Mincho ProN”, “Kozuka Mincho Pro”, serif;
}

/* 10/30 end */

/* 11/3 start */

/* 最新消息收尾 */

@media (max-width: 1199px) and (min-width: 575.98px) {
  .home_news a.mod-articles-category-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 85%;
  }
}

/* banner限制寬度 */

@media (max-width: 991.98px){
  .banner-top img {
      position: relative;
      right: 50%;
  }
}

/* 老照片 sidebar 標題行距，照片下方間距 */

.skin1 .t3-sidebar .t3-module .module-title span,
.skin2 .autotoc > span,
.skin2 .autotoc > span a,
.skin3 .autotoc > span,
.skin3 .autotoc > span a,
.skin4 .autotoc > span,
.skin4 .autotoc > span a {
  line-height: 1.3;
}

.skin1.view-category .article-header .article-title,
.skin1.view-featured .article-header .article-title,
.skin-photos .gallery .jg_catelem_txt {
  margin-bottom: 20px;
  line-height: 1.5;
}

/* 知識地圖標題空白 */

#categories .article-header.clearfix:before {
  display: none;
}
 
#categories .article-header.clearfix:after {
  display: none;
}

/* ipad以下窗花拿掉 */

@media (max-width: 1199.98px) {

  .skin1 .article-header .article-title,
  .skin2 .article-header .article-title,
  .skin3 .article-header .article-title,
  .skin4 .article-header .article-title,
  .skin1.view-default h1,
  .skin2.view-default h1,
  .skin3.view-default h1,
  .skin4.view-default h1,
  .skin-photos .gallery h2,
  .skin-articles .article-header h3,
  .skin-articles .article-header h1 {
    padding: 5px 0px;
  }

  .skin1.view-categories .article-header,
  .skin2.view-categories .article-header,
  .skin3.view-categories .article-header,
  .skin4.view-categories .article-header,
  .skin1.view-article .article-header,
  .skin2.view-article .article-header,
  .skin3.view-article .article-header,
  .skin4.view-article .article-header,
  .skin1.view-default h1,
  .skin2.view-default h1,
  .skin3.view-default h1,
  .skin4.view-default h1,
  .skin-photos .gallery h2,
  .skin-articles .article-header h3,
  .skin-articles .article-header h1,
  .skin3.view-article .article-header,
  .skin3.view-default h1,
  .view-categories.skin3 .article-header{
    background-image: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #001f3e !important;
  }
}

/* 拿掉蘋果改底線 */

@media (max-width: 1199.98px) {
  .exhibition-list h1,
  .form-photo #t3-content h2,
  .view-form .page-header h1,
  .news-list .page-header h1,
  .member .article-header h1,
  .about .article-header h1,
  .copyright .article-header h1,
  .home .home_theme h3 span,
  .news-list .content-categorynews-list h1 {
    border-bottom: 1px solid #222222;
    padding-bottom: 5px;
    line-height: 1.3;
  }
  
  .exhibition-list h1::before,
  .form-photo #t3-content h2::before,
  .view-form .page-header h1::before,
  .news-list .page-header h1::before,
  .member .article-header h1::before,
  .about .article-header h1::before,
  .copyright .article-header h1::before,
  .home .home_theme h3 span::before,
  .news-list .content-categorynews-list h1::before {
    display: none;
  }
  
  .exhibition-list h1::after,
  .form-photo #t3-content h2::after,
  .view-form .page-header h1::after,
  .news-list .page-header h1::after,
  .member .article-header h1::after,
  .about .article-header h1::after,
  .copyright .article-header h1::after,
  .home .home_theme h3 span::after,
  .news-list .content-categorynews-list h1::after {
    display: none;
  }
  
}

/*瀏覽照片 一行一張 */

@media (max-width: 991.98px) {
  .skin-photos .article-content .joomimg162_imgct,
  .skin-photos .gallery .jg_element_cat {
    width: 100% !important;
    min-height: auto !important;
    padding: 0;
  }
  .skin-photos .article-content .joomimg_row,
  .skin-photos .gallery .jg_row {
    padding: 0;
  }
}

.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li.jmb-tree-level2 a {
  padding-left: 0;
}

/* 大眾史學投稿 隱藏空白區塊*/

.form-article .form-validate.form-vertical .limit_notes {
  display: none;
}

/* 大眾史學 瀏覽照片 sidebar間距 */


/*.skin1 .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin2 .autotoc ul li a,
.skin3 .autotoc ul li a,
.skin4 .autotoc ul li a,
.skin1 #categories .dataul li,
.skin2 #categories .dataul li,
.skin3 #categories .dataul li,
.skin4 #categories .dataul li, */
.skin-photos .t3-sidebar .jmb-tree.jmb-tree-default ul li a,
.skin-articles .t3-sidebar .jmb-tree.jmb-tree-default ul li a {
  line-height: 1.3;
  margin-bottom: 8px;
}

.skin1 .jmb-tree.jmb-tree-default ul ul {
  background: #fff;
}

/* 選單漢堡 */

.off-canvas-toggle:hover,
.off-canvas-toggle:focus,
.off-canvas-toggle:active {
    background: transparent;
}

/* 選單active */

.jmb-tree.jmb-tree-default ul ul li:hover,
.jmb-tree.jmb-tree-default ul ul li.active > a,
.jmb-tree.jmb-tree-default ul ul li:active {
  color: #bb4e4e !important;
}

/*選單折行*/

@media (max-width: 1199.98px){
  .jmb-tree.jmb-tree-default ul ul .jmb-tree-level2 a {
    display: block;
  }
}

/* 11/3 end */

/* 11/4 手機版 start */

/*logo放大*/
@media (max-width: 575.98px) {
  #t3-header .logo .logo-image {
    width: 150%;
  }
}

/*sidebar 上方間距 */
@media (max-width: 575.98px) {
  .skin3 .t3-sidebar.t3-sidebar-left,
  .skin1 .t3-sidebar.t3-sidebar-left,
  .skin-photos .t3-sidebar.t3-sidebar-left,
  .skin-articles .t3-sidebar.t3-sidebar-left {
    margin-top: 30px !important;
  }
}


/* 主題展英文壓到more */
@media (max-width: 575.98px) {
  .home .home_theme h3 {
    padding: 40px 40px 35px 0;
  }
}

/* 瀏覽照片表格標題被切掉 */
@media (max-width: 575.98px) {
  .skin-photos div.jg_photo_left,
  .skin-photos div.jg_bbcode_left,
  .skin-photos div.jg_exif_left,
  .skin-photos div.jg_cmtl {
    min-width: 100%; 
    font-weight:bolder;
  }
}
@media (max-width: 575.98px){
.sectiontableentry1 {
    display: table-row;
	}
  .sectiontableentry1 .jg_photo_left {
    max-width:50%;
  }
}

/* 最新消息form加margin-top */
.news-list #adminForm {
  margin-top: 30px;
}

/* 11/4 end */

/* 11/5 Robin start */
.banner-container {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 575.98px) {
  .t3-copyright .menu-footer .row {
    margin: 0;
  }
}
/* 11/5 Robin end */

/* 11/8 Robin start */
/*.skin1 #categories .col-md-3, .skin2 #categories .col-md-3, .skin3 #categories .col-md-3, .skin4 #categories .col-md-3 {
  top: 0;
}*/

@media (max-width: 767.98px) {
  .skin3 .t3-sidebar.t3-sidebar-left, .skin1 .t3-sidebar.t3-sidebar-left, .skin-photos .t3-sidebar.t3-sidebar-left, .skin-articles .t3-sidebar.t3-sidebar-left {
    position: relative;
    margin: 30px 0 30px 10px !important;
    float: none;
    top: 0;
  }
}
/* 11/8 Robin end */

.skin1 .article-content h2,
.skin2 .article-content h2,
.skin3 .article-content h2,
.skin4 .article-content h2,
.skin1 .article-content h3,
.skin2 .article-content h3,
.skin3 .article-content h3,
.skin4 .article-content h3,
.skin1 .article-content h2 span,
.skin2 .article-content h2 span,
.skin3 .article-content h2 span,
.skin4 .article-content h2 span,
.skin1 .article-content h3 span,
.skin2 .article-content h3 span,
.skin3 .article-content h3 span,
.skin4 .article-content h3 span{
  line-height:2.2rem;
}