/* ASIKART EasySet Custom CSS */
body {
	font-family: '微軟正黑體', Open Sans;
}

#contact-table td{
  padding:0 10px 10px 0;
}

.menu-news .blog .items-row {
    border-bottom: solid 1px #ddd;
}

.menu-news-en .blog .items-row {
    border-bottom: solid 1px #ddd;
}

.bt-cs .bt-inner img {
    max-height: 150px;
    width: auto !important;
  	outline: none;
}

.bt-cs .bt-center {
    height: 150px;
    line-height: 150px;
}

.bt_handles_num li a {
    width: 15px;
}

.bt_handles_num li.current a {
    background: #58afab;
}

.bt_handles_num li a:hover {
    color: #fff;
    background: #58afab;
}

#sp-user4 h3 {
    text-align: center;
    margin-top: 50px;
    color: #58afab;
    font-size: 24px;
    position: relative;
    padding: 2px 15px;
}

#sp-user4 h3 span {
    padding: 2px 30px;
    background: #fff;
}

#sp-user4 h3:before {
    position: absolute;
    width: 100%;
    height: 1px;
    content: " ";
    background: #ddd;
    top: 50%;
    left: 0;
    z-index: -1;
}

#sp-user4 .bt-cs .bt-inner .bt-title {
  	margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    font-weight: normal;
    font-size: 16px !important;
}

#sp-user4 .bt-introtext {
  	padding: 5px;
}

#sp-user4 .slides_container {
  	border: none !important;
}

#sp-user4 .more-link {
	text-align: center;
}

/* GLOBAL */

.breadcrumb>li{
  text-shadow:none;
}
/* BODY */
h1{
font-size:30px;
}

.ak_blog_intro::after{
	content:"..."
}

.sp-menu.level-0{
	line-height: 55px;
}

.pull-none.item-image{
	max-width: 700px;
}

/* TYPO */

.btn-info{
   background: #58afab;
}
/* LAYOUT */


/* HEADER */
.page-header{
padding-bottom: 0px;
margin: 00px 0 0px;
border-bottom:none;
}

.row-fluid{
margin:0px;
}

#sp-header-wrapper{
background-color: #FFFFFF;
background-image: linear-gradient(to bottom,#ffffff,#FFFFFF);
}

/* BANNER */


/* MENU */
/*menu color*/
#sp-main-menu ul.level-0 > li.active
{
background:#58afab!important;
}
#sp-main-menu ul.level-0 > li >a:hover{
color:#fff!important;
background:#58afab!important;
}
#sp-main-menu ul.level-0 > li.active a{
color:#fff!important;
background:#58afab!important;
}


/* MAIN CONTENT */
.lang-inline{
	line-height: 70px;
}

/* LEFT COLUMN */


/* RIGHT COLUMN */


/* ARTICLE */
a:not(.btn){
color:#58afab
}

a:not(.btn):hover{
color:#919191
}

.asikart-fb-like{
padding:0px 0px 10px 0px;
}

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

/* FOOTER */
#sp-footer-wrapper .copyright{
display: inline-block;
}

.ltr #sp-footer-wrapper #sp-footer3{
float:right;
}
.ltr #sp-footer-wrapper #sp-footer2{
float:left;
}

#sp-bottom-wrapper, #sp-footer-wrapper {
background: #58afab;
color: #fff;}

#sp-footer-wrapper a:not(.btn){
color: #fff;
}
#sp-footer-wrapper{
border:none;
}

#sp-footer-wrapper::after{
background: #78bfbc;
}


/* Module */
.module.highlighted{
background: #58afab;
}

.user4 h3 span{
background: #58afab;
}

/*portfolio*/

div.default .btn.active {
background: #58afab!important;
color: #fff!important;
}

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

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

.fancybox-nav {
display:none!important;
}

/*contact*/

.b2jcontainer h2{
	background: #58afab;
	font-size: 20px;
	font-weight: bold;
}

/*--portfolio內頁客製--*/
.moduletable.custom_ptf_intro .ap-portfolio-overlay {
display:none;
}

.moduletable.custom_ptf_intro .ap-portfolio-introtext {
    position: absolute;	
	top: -200px;    
	text-align: center;    
	background-color: rgba(255, 255, 255, 0);    
	padding: 85px 95px 85px 95px;
}
	
.moduletable.custom_ptf_intro .ap-portfolio-introtext:hover {    
position: absolute;	
top: -200px;    
text-align: center;    
background-color: rgba(255, 255, 255, 0.86);    
padding: 85px 95px 85px 95px;
}

.moduletable.custom_ptf_intro .ap-portfolio-introtext p {	
color:rgba(255, 255, 255, 0) !important;	
padding: 90px 90px 90px 90px !important;    
margin-top: -85px !important;    
margin-left: -90px !important;    
margin-right: -90px !important;    
margin-bottom: -85px !important;
}

.moduletable.custom_ptf_intro .ap-portfolio-introtext p:hover {	
color:#666666 !important;	
font-size:16px !important;	
padding: 90px 90px 90px 90px !important;    
margin-top: -85px !important;    
margin-left: -90px !important;    
margin-right: -90px !important;    
margin-bottom: -85px !important;
}

#sp-breadcrumb-wrapper {
    border-bottom: solid 10px #58afab;
}

.visible-xs {
  	display: none;
  }

@media(max-width:480px){
  img.image-logo {
    max-width: 230px;
    height: auto;
    margin: 10px 20px 0 0px;
  }
  
  table{
    width:100% !important;
  }
  
  .hidden-xs {
    display:none;
  }
  
  .visible-xs {
  	display: inherit;
  }
  
}

div.default .ap-portfolio-thumb img {
    height: 194px;
}

/* download page */
.download-page {
  padding-top: 40px;
  padding-bottom: 100px;
}

.download-page > h2 {
  text-align: center;
  font-size: 2.8rem;
  margin: 40px 0;
}

.download-page .page-header > h2 {
  text-align: center;
}

ul.download-list {
  padding: 0;
  max-width: 900px;
  margin: 0 auto;
}

ul.download-list li {
  border: solid 1px #ccc;
  background: #fff;
  list-style: none;
  margin-bottom: 0.5rem;
}

ul.download-list li a {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #000;
  align-items: center;
  padding: 0 0 0 0.75rem;
}

ul.download-list li a::after {
  content: "\f019";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  width: 20px;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  border-left: solid 1px #ccc;
  text-align: center;
}

ul.download-list li:hover {
  background: rgba(88, 175, 171, 0.8) !important;
}

ul.download-list li:hover a {
  color: #fff !important;
}

/* portfolio */
.homepage div.default ul.ap-portfolio-items {
  display: flex;
  flex-wrap: wrap;
}

.homepage div.default ul.ap-portfolio-items .col-4 {
  float: none;
  min-width: 24.9%;
}

/* download menu */
a.menu-item.c-download-menu::after {
    content: '';
    position: absolute;
    width: 25px;
    background: url(https://www.dc-med.com.tw/images/simular/download.gif) no-repeat;
    background-size: contain;
    height: 25px;
    transform: translateY(-50%);
    top: 50%;
}

#sp-main-menu ul.level-0 > li >a.c-download-menu:hover {
  color: #666 !important;
  border: 1px solid #58afab !important;
  background: white !important;
}

#sp-main-menu ul.level-0 > li.c-download-menu:hover {
  background-color: white !important;
  box-shadow: none;
}

a.menu-item.c-download-menu {
  padding: 10px 25px 10px 10px !important;
}

#sp-lang {
  margin-left: 10px;
}