/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
Use this file to add custom CSS easily
========================================================================== */
li.sp-menu-item {font-family: 微軟正黑體;}

.col-sm-4 {padding-left: 0px;}
.col-sm-5 {padding-left: 0px;}
.col-sm-6 {padding-left: 0px;}
.col-sm-7 {padding-left: 0px;}
.col-sm-8 {padding-left: 0px;}

h1.slide-title {
    font-size: 1.3em;
    font-weight: bold;
}

h2.item-title {
    font-size: 22px;
    color: #B89081;    font-weight: bold;
}

.col-sm-2 {
    padding-right: 5px;
    padding-left: 5px;
}

p.pro15 {text-align: center;padding: 5px;font-size: 15px;}

img.cen {margin: 0px auto 5px auto;}


article.item.item-page {
    margin-bottom: 10px;
    background: #DFDFDF;
    padding: 25px 17px;
    border-radius: 4px;
}

.entry-header h2 {
    font-size: 16px;
    line-height: 2;
    color: #a94442;
    font-weight: 600;
}


.rwd-table {
background: #fff;
overflow: hidden;
}
.rwd-table tr:nth-of-type(2n){
background: #eee;
}
.rwd-table th, 
.rwd-table td {
margin: 0.5em 1em;
}
.rwd-table {
min-width: 100%;
}
.rwd-table th {
display: none;
}
.rwd-table td {
display: block;
}
.rwd-table td:before {
content: attr(data-th) " : ";
font-weight: bold;
width: 6.5em;
display: inline-block;
}
.rwd-table th, .rwd-table td {
text-align: left;
}
.rwd-table th, .rwd-table td:before {
color: #D20B2A;
font-weight: bold;
}
@media (min-width: 480px) {
.rwd-table td:before {
display: none;
}
.rwd-table th, .rwd-table td {
display: table-cell;
padding: 0.25em 0.5em;
}
.rwd-table th:first-child, 
.rwd-table td:first-child {
padding-left: 0;
}
.rwd-table th:last-child, 
.rwd-table td:last-child {
padding-right: 0;
}
.rwd-table th, 
.rwd-table td {
padding: 1em !important;
}
}

article.item.column-1 {
    border: #c1c1c1 solid 1px;
    padding: 15px;
    border-radius: 8px;

}

article.item.column-2 {
    border: #c1c1c1 solid 1px;
    padding: 15px;
    border-radius: 8px;

}

article.item.column-3 {
    border: #c1c1c1 solid 1px;
    padding: 15px;
    border-radius: 8px;

}

article.item.column-4 {
    border: #c1c1c1 solid 1px;
    padding: 15px;
    border-radius: 8px;

}


article.item.column-5 {
    border: #c1c1c1 solid 1px;
    padding: 15px;
    border-radius: 8px;

}

h5.item_title.item_title__ {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    transition: 300ms;
    padding-bottom: 1px;
    font-size:14px;    margin-top: 0px;    margin-bottom: 0px;line-height: 20px;
}

p.mainbox{background: rgba(194, 194, 194, 0.37);padding: 10px;}


div#sp-user4 {
/*    padding: 15px;
    margin-top: 20px;
    border: #8a6d3b 1px solid;
    border-radius: 10px;
    margin-bottom: 20px;
  */
}

img.bigscreen { 
  display: inline; 
}
/* 如果使用者視窗寬度 <= 768px */
@media screen and (max-width: 768px) {
  img.bigscreen { 
    display: inline; 
    /*width: 178px;*/
float: right;
width: 41.66666667%;    
  }
  /* 如果使用者視窗寬度 <= 360px */
@media screen and (max-width: 375px) {
  img.bigscreen { 
    display: inline; 
    /*width: 178px;*/
float: right;
width: 41.66666667%;    
  }
  
    /* 如果使用者視窗寬度 <= 400px */
@media screen and (max-width: 400px) {
  img.bigscreen { 
    display: inline; 
    /*width: 178px;*/
float: right;
width: 41.66666667%;    
  }
      /* 如果使用者視窗寬度 <= 500px */
@media screen and (max-width: 500px) {
  img.bigscreen { 
    display: inline; 
    /*width: 178px;*/
float: right;
width: 41.66666667%;    
  }