/* ASIKART EasySet Custom CSS */
/* GLOBAL */
* {
  -webkit-font-smoothing: antialiased;
}

.simplelayout-readmore {
  padding-top: 10px;
  text-align: right;
}

@media (max-width:480px) {
  .simplelayout-readmore {
  text-align: left;
}
}

.report-content {
    text-align: right;
    margin-top: -34px;
}

.box_skitter .prev_button,
.box_skitter .next_button {
    font-size: 0;
    /* text-indent: -9999em; */
    background: #281605 !important;
    color: #281605;
}

.box_skitter .prev_button:before {
  content: '\f053';
  color: #fff;
  font-size: 25px;
  line-height: 37px;
  font-family: "FontAwesome";
}

.box_skitter .next_button:before {
  content: '\f054';
  color: #fff;
  font-size: 25px;
  line-height: 37px;
  padding-left: 4px;
  font-family: "FontAwesome";
}

#sp-header {
  background: #271605 none repeat scroll 0 0;
}

.logo a {
  position: absolute;
}

.logo a img {
  height: 140px;
  width: auto;
  -webkit-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
}

@media (max-width: 991px) {
  .logo a img {
    height: 90px;
  }
}


.menu-fixed .logo a img {
  height: 90px;
}

a:hover {
  color: #999;
}

#sp-component .sp-column {
    background-color: #fff;
    box-shadow: 2px 2px 10px 0 rgba(221, 221, 221, 0.5);
    padding: 60px 50px;
  	margin-top: -100px;
}

.more-service {
    max-width: 300px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #271507;
}

.more-service a {
    width: 100%;
    padding: 10px 0;
    display: block;
  	color: #e4cd8a;
}

.blogblog .blog-img a {
    display: block;
  	overflow: hidden;
  	-webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

.blogblog a:hover {
  opacity: 0.7;
}

.more-service:hover a {
    color: #fff;
}

p a:hover {
  cursor: pointer;
}

div.default .ap-portfolio-thumb img {
  margin: 0 auto!important;
}

.itemid-101 #sp-slide {
  	margin: 20px 0 60px;
}

.itemid-101 #sp-main-body {
  display:none;
}

.portfolio.view-article .breadcrumb li:nth-last-child(2) {
    display: none;
}

.content-category table {
    max-width: 800px;
    margin: 0 auto;
}

.sp-page-title {
  	position: relative;
    padding: 150px 0 250px;
    background: #58585a;
    background-image: url(../../images/simular/banner/01_0f579.jpg);
  	background-position: center 80%;
    background-size: cover;
}

body:not(.view-featured) #sp-slide {
  position: relative;
  z-index: 10;
  padding: 0;
  margin: 0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  line-height: initial;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li a {
  background: transparent;
  color: #666;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li:hover a,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.active > a,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items li.active:hover > a
{
  background: transparent;
  color: #666;
  opacity: .7;
}

.menu.page-menu {
  position: absolute;
  top: -140px;
  left: 0;
  text-align: right;
  width: 100%;
  padding: 0 15px;
  background: #555;
}

.sp-module .menu.page-menu >li >a {
  color: #fff;
  position: relative;
  font-size: 16px;
  padding: 5px 0;
  letter-spacing: 1.2px;
  transition: .3s;
}

.sp-module .menu.page-menu >li >a:focus {
  background: none;
  outline: 0;
}

.sp-module .menu.page-menu >li >a:before {
  display: none;
}

.sp-module .menu.page-menu >li >a:after{
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  	opacity: 0;
  	transition: .3s;
}

.sp-module .menu.page-menu >li.active >a:after,
.sp-module .menu.page-menu >li:hover >a:after
{
	opacity: 1;
}

.sp-module .menu.page-menu >li {
  border: none;
  display: inline-block;
  padding: 0 10px;
}

.sp-page-title:before {
  	position: absolute;
  	/*content: '';*/
  	width: 100%;
  	height: 100%;
  	left: 0;
  	top: 0;
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+56,ffffff+100&0+19,0+19,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 19%, rgba(255,255,255,0.46) 56%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 19%,rgba(255,255,255,0.46) 56%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 19%,rgba(255,255,255,0.46) 56%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.sp-page-title .breadcrumb >span, .sp-page-title .breadcrumb >li, .sp-page-title .breadcrumb >li+li:before, .sp-page-title .breadcrumb >li>a {
  	
}

.items-leading .entry-header {
    display: none;
}

.fancybox-overlay {
  	z-index: 9999;
}

body {
    color: #666;
  	background-color: #f9f9f9;
    font-size: 16px;
    font-family: Microsoft JhengHei,noto sans;
}

h1,h2,h3,h4,h5,h6,th,.blog-title,.report-title {
   	font-family: Songti TC, noto sans;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  color: #000;
}

.blog-title a {
  color: #000;
}

.report-title {
  color: #000;
  font-size: 24px;
  padding-bottom: 20px;
}

a {
    color: #58585a;
}

.scrollup {
    border: none;
    background: none;
}

.scrollup:before {
    color: #666;
}

.offcanvas-menu {
    background-color: #221206;
    box-shadow: 3px 3px 30px #000;
}

.offcanvas-overlay {
    background: rgba(0, 0, 0, 0.1);
}

/* Pagination */
.pagination>.active>a, .pagination>.active>span {
    border-color: #424242;
    background-color: #424242;
}

.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    border-color: #424242;
    background-color: #424242;
  	opacity: .8;
}

/* Slideshow */
#sp-slideshow {
  	text-align: center;
}

.mod_btslideshow_pro {
	display: inline-block;
}

/* Asika */
.ak_blog_intro::after {
    content: "..."
}

.ak_blog_intro {
    display: initial;
    padding: 0;
}

.ak_blog_img_wrap {
    padding: 0 15px 0 0;
}

/* MENU */

#sp-header .sp-megamenu-parent {
    line-height: 90px;
}

#sp-header .sp-megamenu-parent > li {
    margin: 0 10px;
}

#sp-header .sp-megamenu-parent > li > a {
    font-size: 16px;
    line-height: normal;
    padding: 10px 0;
  	color: #fff;
  	position: relative;
}

.sp-megamenu-parent > li > a:before {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #d8be74;
  transition: .6s;
}


.sp-megamenu-parent > li:hover a:before,
.sp-megamenu-parent > li.active > a:before {
  width: 100%;
}

#sp-header {
    box-shadow: none;
}

/* ARTICLE */
.post-format {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: inherit;
    left: -38px;
}

.entry-header {
    margin-bottom: 50px;
}

.sp-page-title h2, .sp-page-title h3 {
  margin: 0;
  padding: 10px 20px;
  font-size: 24px;
  display: inline-block;
  color: #ffffff;
  background: #000;
}

.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: table;
    background: #ddd;
    padding: 0px 20px;
    border-radius: 0;
    font-size: 14px;
    position: relative;
    top: -15px;
    left: 50px;
}

.sp-page-title .breadcrumb >span, .sp-page-title .breadcrumb >li, .sp-page-title .breadcrumb >li+li:before, .sp-page-title .breadcrumb >li>a {
    color: #58585a;
}

.sp-page-title .breadcrumb >.active {
    color: rgb(88, 88, 90);
}

.entry-header.has-post-format {
    margin-left: 38px;
    display: inline-block;
}

.entry-header h2 {
    margin: 0;
}

.entry-header h2 {
    font-size: 20px;
  	transition: color .5s;
}

.entry-header h2 a:hover {
  	color: #58585a;
}

.view-article .entry-header h2 {
    color: #58585a;
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
  	font-size: 20px;
  	position: relative;
}

.view-article .entry-header h2:before {
    position: absolute;
    bottom: -3px;
    width: 80px;
    height: 5px;
    content: '';
    background: #58585a;
}

/* List Artices */

.category-list a {
    color: #666;
  	transition: color .5s;
}

.category-list a:hover {
  	color: #58585a;
}


/* FrontPage Article */
.blog-featured .cols-2 {
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
}

/* Module */
.sp-module.highlighted, .sp-module.orange, .sp-module.dark, .sp-module.green, .sp-module.maroon, .sp-module.blue, .sp-module.gray, .sp-module.pink, .sp-module.red {
    padding: 20px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset;
}

/*portfolio*/

div.default .btn.active {
    background: #58585a!important;
    color: #fff!important;
}

div.default .ap-portfolio-item-inner {
    background: #fff!important;}

div.default ul.ap-portfolio-filter li a{
    color:#666;
}

.ap-portfolio-items .ap-portfolio-item {
    border-bottom: none;
}

div.default .ap-portfolio-item-details h4 {
    margin: 10px 0 10px !important;
    padding-bottom: 10px !important;
    font-size: 120% !important;
    font-weight: normal !important;
}

.ap-portfolio-filter li a:before {
    display: none;
}

/*.sp-module.highlighted h3, .sp-module.orange h3, .sp-module.dark h3, .sp-module.green h3, .sp-module.maroon h3, .sp-module.blue h3, .sp-module.gray h3, .sp-module.pink h3, .sp-module.red h3*/
[class*="sp-module"].highlighted h3 {
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #fff;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px 0;
    line-height: normal;
}

.latestnews a span {
    color: #fff;
}

.sp-module .latestnews > div {
    padding-bottom: 5px;
    margin-bottom: 0;
    border-bottom: none;
}

.right h3.sp-module-title {
    padding: 10px 15px;
    line-height: normal;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
}

.sp-module.right {
    background-color: #fff;
    box-shadow: 2px 2px 10px 0 rgba(221, 221, 221, 0.5);
    border-radius: 2px;
    overflow: hidden;
  	margin-top: -100px;
}

.latestnews.highlighted small {
    display: none;
}

.custom.right p {
    line-height: 1.3;
}

.sp-module.highlighted {
    background: #58585a;
}

.readmoremod {
    padding: 10px;
    background: #58585a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
}

/* News */
.category-list table,
.category-list .table > thead > tr > th,
.category-list table.category tbody > tr td,
.category-list table.category thead > tr, table.category tbody > tr {
    border: 0;
}

.category-list table.category thead > tr, table.category tbody > tr {
    border-bottom: solid 3px #58585a;
}

.category-list .table-striped > tbody > tr:nth-of-type(n) {
    border-bottom: solid 1px #ddd;
}

.category-list .table-striped > tbody > tr:nth-of-type(n):hover {
    background: #f9f9f9;
}

.category-list .table-striped > tbody > tr:nth-of-type(odd) {
    background: none;
}

.category-list thead > tr > th a {
    font-size: 16px;
    line-height: 29px;
}

#categorylist_header_date,
td.list-date.small {
    text-align: right;
}

.category-list td.list-date.small {
    font-size: 14px;
}

/* Mobile */
#sp-contact {
    background: #58585a;
    padding: 10px 0;
}

/* LEFT COLUMN */

/* RIGHT COLUMN */

/* Blog */
.blog.actual-case .item {
    border-bottom: dashed 1px #ddd;
    padding-bottom: 25px;
}

.blog.actual-case article.item {
    margin-bottom: 25px;
}

/* TABLE */
td > p {
    margin: 0px 0;
}

/* Bottom */
.socials .social {
  display: inline-block;
  text-align: center;
  background: #999;
}

.socials .social a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  display: block;
}

.jsn-uniform .btn-inverse {
    background: #424242;
    color: #fff;
    border-radius: 0;
    padding: 5px 20px;
    margin-top: 20px;
}

.jsn-uniform .btn-inverse:hover {
    background: #58585a;
}

/*
.social.fb {
  background: #4267b2;
}*/

.social:hover {
  background: #666;
}
/*
.social.line {
  background: #00cf00;
}

.social.ig {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}*/

#sp-bottom li {
    border: none;
  	padding-bottom: 5px;
}

#sp-bottom a {
  opacity: .8;
}

#sp-bottom a:hover {
  opacity: 1;
}

.grey-bg {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.grey-bg:hover {
  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}

.socials {
  padding-top: 20px;
}

.custom.sitemap {
  padding-top: 10px;
}
/* FOOTER */
#sp-footer {
    background: #58585a;
}

/* Module */
.module.highlighted {
    background: #58585a;
}

.user4 h3 span {
    background: #58585a;
}

/*Contact*/

.jsn-form-content textarea {
    height: inherit;
}

#offcanvas-toggler >i {
    color: #ffffff;
    font-size: 30px;
}

.contact-icon:before {
    background: none;
    color: #58585a;
}

/* Recaptcha */
@media screen and (max-width: 575px){
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

@media (max-width: 991px) {
  .sp-page-title .breadcrumb {
      left: 0;
      top: 0;
  }
  
  .menu.page-menu {
    text-align: center;
  }
  
  .ezset-blog-simplelayout-image {
    float: none;
  }
  
  #sp-component .sp-column {
    margin-top: 0;
    padding: 60px 15px;
  }
  
  .sp-module.right {
    margin-top: 0;
  }
  
  #contact-table .pd-left {
    padding-left: 0;
  }
  
  .contact-icon:before {
    padding: 10px 5px 10px 0;
  }
}

@media (max-width: 767px) {
  .report-title {
    padding-top: 50px;
  }
  
  .report-content {
    margin-top: 0;
  }
  
  .socials {
    padding-bottom: 20px;
  }
}

@media (max-width: 575px) {
  .blog-link {
    margin-top: -15px;
    text-align: right;
  }
  
  .sp-page-title {
    background-position: 90% 80%;
  }
}

@media (min-width: 992px) {
    #offcanvas-toggler {
        display: none;
    }
}