@charset "utf-8";
/*css3*/
a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a { cursor: pointer; color: #454545;     text-decoration: none;}
a:hover { color: #5b98a5; }
[class*='col-'] { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input{outline: none;}
select{outline: none;}
option{outline: none;}
button{outline: none;}
textarea{outline: none;}

input:focus{outline: none;border: #8b98a5 solid 1px;}
select:focus{outline: none;border: #8b98a5 solid 1px;}
option:focus{outline: none;border: #8b98a5 solid 1px;}
button:focus{outline: none;border: #8b98a5 solid 1px;}
textarea:focus{outline: none;border: #8b98a5 solid 1px;}

label input{ display:none;}

.all_content{ padding:0;}
.content{ width:100%; display:inline-block }
.wrap { max-width: 1024px; padding:0 20px 0px 20px; margin: 0 auto; }
.clearfix{margin:0; padding: 0px;     display: inline-block;}
.clearfix li { display:inline-block; margin:1%; float:left;   }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 換頁導覽 <<<-------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
.next_page{ width: 100%; text-align: center; font-size: 15px; padding-top: 40px; display: inline-block;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 網站導覽 <<<-------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.breadcrumb  {  font-size: 14px;  margin: 0px auto; font-family: 'Noto Sans TC','微軟正黑體'; max-width:1160px; padding:0px;}
.breadcrumb li{    display: inline;  color: #9F9F9F;}
.breadcrumb li a{ color:#4F4F4F; text-decoration:none; }
.breadcrumb li a:hover { opacity:.5;}
.breadcrumb > li + li:before { padding: 0 5px;  color: #ccc; content: "/\00a0";}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 文字編輯器 <<<-----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.textEditor { clear: both; margin: 20px; font-size: 15px; font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif; color: #363636; line-height: 1.8; }
.textEditor a { color: #06F; }
.textEditor img { max-width: 100%; }
.textEditor hr { clear: both; margin: 30px 0; border: none; height: 1px; background: #e1e1e1; }
.textEditor ul { list-style: disc outside; padding-left: 30px; }
.textEditor ol { list-style: decimal outside; padding-left: 30px; }
.textEditor table { border-collapse: collapse; }
.textEditor table th { padding: 5px; text-align: center; background: #94A3AD; color: #FFF; border: 1px solid #e1e1e1; }
.textEditor table td { padding: 5px; border: 1px solid #e1e1e1; }
table.breakpoint > tbody > tr > td.expand { cursor: pointer; background: url(../images/plus.png) no-repeat 5px center; padding-left: 40px; }
.textEditor strong.title { display: block; margin-bottom: 8px; font-size: 22px; font-weight: normal; color: #8f67b0; letter-spacing: 3px; }

/* contactpage */
#contactPage {
    background: #f3f3f3;
}
#contactPage ol.breadcrumb {
    background: #f3f3f3;
}
#contactPage .block-contact {
    margin: 50px auto 100px auto;
}
#contactPage .info {
    font-size: 17px;
}
#contactPage .buttonStyle1 {
    padding: 6px 25px;
    font-size: 16px;
    transition: background 0.3s;
    border: none;
    background: #ffc107;
    color: white;
}
#contactPage .buttonStyle1:hover, #contactPage .buttonStyle2:hover {
    background: #e68282;
}
#contactPage .buttonStyle2 {
    padding: 6px 25px;
    font-size: 16px;
    transition: background 0.3s;
    border: none;
    color: white;
    background: #91BC61;
}

#contactPage .button {
    text-align: center;
}
#contactPage .block-contact .contact-block .checknumber img#rand-img {
    position: absolute;
    right: 10px;
    bottom: 2px;
}
#contactPage .checknumber input{
    padding: 10px;
}

/* servicedeatail */
#servicesdetail{
    margin: 40px auto 100px auto;
}

#servicesgallery .gallery-view{
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}
#servicesgallery .img-responsive{
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}
#servicesgallery a:hover .img-responsive{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
#servicesgallery .gallery-view img{
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
#servicesgallery a:hover .gallery-view{
    background-color: rgba(0, 0, 0, 0.5);
}
#servicesgallery a:hover .gallery-view img{
    opacity: 1;
}
#servicesdetail .title{
    font-size: 20px;
    border-bottom: 2px solid #ffd65a;
    padding: 5px 0;
    color: #ef056b;
}
#servicesdetail .brand{
    font-size: 17px;
    color: #3a3a3a;
    margin-top: 10px;
}
#servicesdetail .content p{
    margin: 0;
}
#servicesdetail .content {
    font-size: 16px;
    margin-top: 20px;
}
#servicesdetail .info {
    /* background: #f3f3f3; */
    padding: 30px;
}