/*更改選單字的顏色級背景*/
.rwd-navbar-toggle .label {
    color: #ffffff;
  background:#00aca8;
  padding:3px;
  border-radius:3px} 
/*更改漢堡選單顏色 (那三條線)*/ 
.navbar-icon-bar {
background-color: #00aca8;}
.navbar-icon-bar:before, .navbar-icon-bar:after{
  background-color: #00aca8;}



/*整體*/
body {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    margin: 0;
    border-top:6px solid #5f2593;
}
#logo {
    position: relative;
    overflow: hidden;
    max-width: 930px;
    margin: 0 auto;
    padding: 15px 0 0;
}
/*頂層背景*/
#header{background:#fff;
  padding-bottom: 0px;}


/*首頁圖片*/
body#bodyinhome .onedit [class^="col-"] img{
  opacity:3;
   border: 0px #ccc solid;
}
body#bodyinhome .column.left  a:hover img {
  opacity:0.55;
}
body#bodyinhome .onedit [class^="col-"] {
  padding:10px;
}


/*圖片*/
.onedit [class^="col-"] img{
  opacity:3;
   border: 1px #ccc solid;
}
.onedit [class^="col-"] a:hover img {
  opacity:0.55;
}
.onedit [class^="col-"] {
  padding:5px;
}
.menu img:hover{
    border-radius: 0px;
}
.menu img{
  transition:0.7s;
  border-radius: 150px;
  border: 5px #ede3f7 solid;
}



/*Banner*/
#banner{border:0px solid;
max-width:100%;
  background-size:cover;
  background-repeat:no-repeat;
}

/*首頁下方版面*/
.column.right{display:none}
.column.left{width:100%}


/*頁籤*/
#nav {
    overflow:show;
}
#nav ul {
    float: right;
    margin-right: 10px;
}
#nav ul li a{
      color: #5f2593;
      font-size: 110%;
      transition:all 0.5s;
      padding: 10px 15px;
      border-left:1px dahed #fff;
      border-left: #fff 0px dotted;
      font-weight: bold;
}
#nav ul li.current a, #nav ul li a:hover {
    color: #fff;
    background:#5f2593;
  border-radius:100px;
}


/*side*/
#side .side-content li a {
    border-bottom: 1px solid #ccc;
    display: block;
    margin-right: 20px;
    padding: 6px 0;
    color:#333;
}
#side .side-content li a:hover {
    color: #9e9784;
}
.column.right, #side {
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff 50%,#ebebeb);
    background-image: none;
    position: relative;
    border: 0px solid #d7d7d7;
    border-radius: 8px;
    box-shadow: none;
}
.column.right h2, #side h2 {
    color: #00aca8;
}
.column h2, #main h1, #side h2, .related-product > h3 {
    color: #5f2593;
    font-size: 130%;
    line-height: 1.4;
}
#main h1 {
      font-size: 160%;
}


/*聯絡資訊*/
#footer {
    background: #5f2593 none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 100%;
}
#foot-nav li a {
    border-left: #fff solid 1px;
    color: #fff;
}
#foot-nav li a:hover {
    color: #fff;
}
#foot-nav {
    font-size: 95%;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #fff;
    text-align: center;
}
#contact-info li span {
    color: #fff;
}
#contact-info {
    position: relative;
    color: #fff;
    font-size: 95%;
    line-height: 1.8;
    text-align: center;
    padding: 12px 0;
}
#contact-info a {
    color: #fff;
    text-decoration: none;
}
#contact-info li.tel {
    color: #fff;
}
#contact-info a:hover {
    color: #fff;
    text-decoration: none;
}
#power, #copyright {
    font-size: 85%;
    color: #fff;
    text-align: center;
}
#footer a {
    color: #fff;
}



/*左側按鈕*/
.right-nav__title {
    background:#5f2593;
    height:32px;border-radius:0px;
}
.right-nav a {background:#fff;
    border-bottom: 1px dashed #afaaaa;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: left;padding-left:12px;color:#000;
}
.right-nav a:hover {background:#555;
    border-bottom: 1px dashed #545350;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: left;padding-left:12px;color:#fff;
}




/*fb*/
.fbbox{background: url("https://s3-ap-northeast-1.amazonaws.com/static.iyp.tw/33844/files/cfa6437f-cb4c-4202-8b83-933e4dd0370c.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 290px;z-index: 99999;position:fixed;right:-250px;top:10%;}

.fbbox div{border:none;position:relative;display:block;}

.fbbox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.fbbox span a{color: #808080;text-decoration:none;}

.fbbox span a:hover{text-decoration:underline;}