@charset "utf-8";



body,

div,

iframe,

ul,

ol,

dl,

dt,

dd,

li,

dl,

table,

th,

td,

input,

select,

textarea {

/*  font-size: 16px; 

    line-height: 1.8; 

    會影響其他插件

*/

    font-family: "Microsoft JhengHei", Arial;

}





body{

  font-size: 15px;

  background-color: #e5d8ec;







}



a,li{

    transition: all 0.3s ease 0s;

    color: #666;

    text-decoration: none;

}



a:hover{

  color: #44065b;

  text-decoration: none;

}



.sh2{

  padding-top: 20px;

}

.sh3{

  padding-top: 20px;

  text-align: right;

}



.sh3 a{

   color: #44065b;

}



.sh2 input,.sh2 button{

  

   border:1px solid #44065b;

  

} 

.sh2 button{

  background-color: #44065b;

} 

.sh2 button:hover{

  background-color: #44065b;

  border:1px solid #44065b;

} 







.button-1 {

  

    display: inline-block;

    font-size: 14px;

    font-weight: bold;

    line-height: 18px;

    padding: 10px 18px 10px 18px;

    text-transform: uppercase;

    background: url(../image/bg-button-1.jpg) 0 0 repeat-x #82ad30;

    color: #84af33;

    border-radius: 3px;

    box-shadow: 0 1px 2px #c0c0c0;

   

}





.myxin_xiao{

  background-color: #fff;

  padding: 15px 0;

}



.myxin_xiao a{

  color: #619f3f;

  text-decoration: none;

  font-size: 20px;

}

.myxin_xiao a:hover{

  color: red;

}





.shouyebia{

  color: #619f3f;

  text-decoration: none;

}





.shouxinwe{

  padding: 5px 0;

  border-bottom: 1px dashed #eee;

}



.shouxinwe a{

   color: #fff;

   text-decoration: none;

}

.shouxinwe a:hover{

   color: #eee;

}



.kangen{

  background-color: #fb602a;

  text-align: center;

  padding: 5px;

  margin-top: 10px;

}

.kangen a{

   color: #fff;

   text-decoration: none;

}

.kangen a:hover{

   color: #eee;

}







.red{color: red}













.xin_caicai{

  padding: 18px;

  text-align: right;

}



.xin_caicai a{

  font-size: 16px;

  color: black;

  text-decoration: none;

  padding: 0 5px;

}



.xin_caicai a:hover{

   color: #fb602a;

}



.xin_caicai img{

  vertical-align: bottom;

}





.xin_cai{

  text-align: right;

}



.xin_cai a{

  display: inline-block;

  color: #fb602a;

  font-size: 20px;

  padding: 5px 15px;

  text-decoration: none;

  border-radius: 15px;

}



.xin_cai a:hover{

  color: white;

  background-color: #fb602a;

}







/*購物車*/

.order_msg_tip{

  padding: 5px;

  margin: 10px 0;

  text-align: center;

  background-color: #eee;

}





.order_msg_table{

  width: 100%;

}

.order_msg_table tr th{

  text-align: right;

  border-bottom: 1px dashed #eee;

  padding: 9px;

  font-size: 16px;

  font-weight: bold;

}

.order_msg_table tr td{

  border-bottom: 1px dashed #eee;

  padding: 9px;

  font-size: 16px;

}



/*翻頁 start*/



.page{

    text-align: center;

    margin: 10px 0;



}

.page .dangqian{

    background-color: #666;

    color: #fff;

    border: #CCC 1px solid;

    padding: 3px 8px;

    margin: 0px 2px;

}

.page a{

    background-color: #F0F0F0;

    border: #CCC 1px solid;

    padding: 3px 8px;

    margin: 0px 1px;

    color: #666;

}

.page a:hover{

    background-color: #fff;

    text-decoration: none;

    color: #000;

}



/*翻頁 end*/



.clear{clear: both; height: 15px;}

.clear30{clear: both; height: 30px;}

.clear60{clear: both; height: 60px;}























.xing{

  color:#F00; 

  font-size:14px;

}

.chang{

  width: 200px;

}











.paoma{



  padding: 19px 19px 19px 40px;

  background-image: url(../image/paoma.jpg);

  background-repeat: no-repeat;

  background-position: 10px 20px;

}

.paoma a{

  color: white;

}









.kuanbian{

  border: 10px solid #eee;

  padding: 10px;

}



















.neiding{

     padding: 10px 20px;

    border: 1px solid #621889;

    margin: 15px 0;

    background-color: #621889;

    color: #eee;

}







.tupian_responsive img{

    max-width: 100%;

    height: auto;

}





/*首頁切換大圖 淡入淡出*/

#my_carouselA .carousel-inner .item{

  opacity:0.5;

  transition-property:opacity ;



}

#my_carouselA .carousel-inner .active{

  opacity: 1;

}

#my_carouselA .carousel-inner .active.left,

#my_carouselA .carousel-inner .active.right{

  left: 0;

  opacity: 0;

}

#my_carouselA .carousel-inner .next.left,

#my_carouselA .carousel-inner .prev.right {

  opacity: 1;

}

/*----------------------*/





/*活動相冊*/

.xiangce a{

   text-decoration: none;

   color: #51575d;

}





.xiangce{

  border: 1px solid #ddd;



  margin-bottom: 15px;

  transition: all 0.3s ease 0s;

  background-color: #fff;

}

.xiangce:hover{

  box-shadow: 0 0 10px rgba(0,0,0,0.4);

}







.xiangce_wenzi{

  padding: 10px;

  text-align: center;

}



.container{

  

}



/*----------------------*/





/*最新消息*/

.news_table{

  width: 100%;

}

.news_table td{

  padding: 7px;

}

.news_table  tr:nth-of-type(2n+1) {

    background-color: #eee;

}



.news_biaoti{

   text-align: center;

}

.news_shijian{

  font-size: 12px;

  text-align: center;

}



.news_jianjie{

  background: #f2f2f5;

  padding: 10px;

}

/*----------------------*/





/*文章頁面左側*/

.neirong-right{

  padding-bottom: 20px;

}



.neirong-left ul{

  list-style: none;

  padding: 0;

  margin: 20px 0;

}

.neirong-left ul li{

  border: 1px solid #eee;

  border-top: none;

  padding: 10px;

}

.neirong-left ul li:hover{

  background: #eee;

}

.neirong-left ul li a{

  display: block;

  text-decoration: none;

}

.neirong-left ul li:first-child{

  background: #7dbf13;

  font-size: 18px;

  color: #fff;

}



/*----------------------*/





/*----------------------*/





/*產品圖片*/





  #gallery_01 a img{

    width: 52px;

    height: 52px;

    border: 1px solid #ccc;

    padding: 2px;

    margin-right: 8px;

    margin-bottom: 8px;

 

  }

  #gallery_01 a:last-child  img{

    margin-right: 0px;

  }







/*網站頂部 logo 區*/

.header{

  background-image: url(../image/shangding.jpg);

  background-repeat: no-repeat;

  background-position: top right;

  background-color: #fff;

}





.header .container .logo{

  padding: 20px 0;

}





.header .container .tel{

  margin-top: 40px;

  text-align: right;

}

/*----------------------*/



/*網站頂部菜單*/

 .main-menu > ul{

  padding: 0;

  margin: 0;



}



 .main-menu > ul > li{

  

  text-align: center;

  padding: 0;

  margin: 0;



  position: relative;

}



  .main-menu > ul > li:hover{

   

}



  .main-menu > ul > li >a{

 padding: 15px 34px;

  display: block;

  border-left: 1px solid #000;

  border-right: 1px solid #333;

  font-size: 18px;

  text-decoration: none;

  color: #ddd;

}



  .main-menu > ul > li >a:hover{

  color: red;

}







  .main-menu > ul > li:first-child >a{

  border-left: none;

}





.main-menu{ 

  position: relative; 

  background-color: #360456;

}



/*主導航二級菜單（已整理）*/

.main-menu  .main-menu-sub{

    list-style: none;

    z-index:100;

    position:absolute;

    display: none;

    background-color:#000;

    box-shadow: 0 0 10px rgba(0,0,0,0.2);

    border-radius:5px;

    padding:8px;

    margin: 10px auto;



    width: 150px;

}



.main-menu  .main-menu-sub li {

    padding:5px;

    text-align: center;

}



.main-menu  .main-menu-sub li a{

    font-size: 14px;

    text-decoration: none;

    color: #eee;

}

.main-menu  .main-menu-sub li a:hover{

  color: red;

}















/*手機菜單(已整理)*/

.mobile_menu_bg{

  display: none;

  background: #44065b;

  padding: 10px;

}

.mobile_menu_bg .company a{

   font-weight: bold;

   float: left;

   color: #fff;

   font-size: 18px;

}

.mobile_menu{ 

  border:1px solid #fff;

  padding: 5px;

  border-radius: 4px;

  background-color: #fff;

  float: right;

  }

.mobile_menu:hover{

  background-color: #eee;

}

.mobile_menu:focus{

  background-color: #eee;

}

.mobile_menu .icon-bar{

  display: block;

  width: 25px;

  height: 2px;

  border-radius: 1px;

  background-color: #888;

}

.mobile_menu .icon-bar + .icon-bar {

  margin-top: 4px;



}





.mobile_menu_sub{

  display:none;

  background: #eee;

  margin-bottom: 10px;

}

.mobile_menu_sub a{

  display: block;

  text-decoration: none;

  font-size: 18px;

}

.mobile_menu_sub > ul{

  list-style: none;

  padding: 0;

  margin: 0;

}

.mobile_menu_sub li:hover{

  background: #ccc;

}



.mobile_menu_sub > ul >li{

  padding: 5px 10px;

  border-bottom: 1px solid #ccc;

}



.mobile_menu_sub > ul >li>ul>li:hover{

  background: #ddd;

}



/*----------------------*/





/*網站底部*/

.footer{



background: #420660;

background: -webkit-gradient(linear, left top, left bottom, from(#420660), to(#621889));

background: -moz-linear-gradient(top, #420660, #621889);

background: -o-linear-gradient(top, #420660, #621889);

background: -ms-linear-gradient(top, #420660, #621889);

  

  text-align: center;

  padding: 20px;

}

.footer ul{

  list-style: none;

  padding: 0;

}

.footer ul li{

  display: inline-block;

  margin: 0 9px;

  color: #eee;

}

.footer .banquan{

  color: #fff;

}

/*----------------------*/





/*註冊會員的邊框*/

.dengru {

    border: 20px #F2F2F2 solid;

    padding: 20px 10px;

}



.dengru .lvse{

  text-align:left;

  background-color:#E5FFE4; 

}

.dengru .lvse span{

  font-weight: bold;

  display: inline-block;

  width: 120px;

  text-align: right;

}



.dengru .baise{

  text-align:left;

}

.dengru .baise span{

  font-weight: bold;

  display: inline-block;

  width: 120px;

  text-align: right;

  background-color:#E5FFE4; 

  padding: 5px 0;

}



/*----------------------*/



/*會員菜單*/

.huiyuan_caidan .zuo{

  float: left;

  margin-bottom: 10px;

}

.huiyuan_caidan .you{

  float: right;

}



/*----------------------*/

/*表單提示*/

.formtips{

    color: #f00;

    font-weight: bold;

}



/*表格*/

.tableT{

    width: 100%;

    text-align: center;

    margin: 0 auto;

    border-collapse: collapse;

    border: 1px solid #ddd;

}

.tableT tr th{

    background-color:#E6EBEC; 

    font-weight:bold;

    padding: 8px 5px;

    border: 1px solid #ddd;

    text-align: center;

}

.tableT tr td{

    padding: 8px 5px;

    border: 1px solid #ddd;

}

.tableT tr{

    background-color:#fFFFFF;

}



/*----------------------*/



/*產品*/

.products_jiage{

  font-size: 16px;

  color: #f00;

  font-weight: bold;

  text-align: center;

}

.suofang{max-width:200px;max-height:150px;}



.suofang1{

   border: 9px solid #eee; 

   width: 100%;

   height: auto;

}

.suofang2{

  width: 70px;

  height: 60px;

  padding: 5px;

  border:1px solid #eee;

  margin: 5px;

}



.chanpin_you span{

  font-weight: bold;

}

.chanpin_you{

  line-height: 29px;

}





/*產品左側*/



.products-left > ul{

  list-style: none;

  padding: 0;

  margin: 20px 0;

}

.products-left > ul > li{

  border: 1px solid #eee;

  padding: 10px;

  background: #ddd;

  border-radius: 5px;

}

.products-left > ul > li:hover{

  background: #ccc;

}

.products-left ul li a{

  display: block;

  text-decoration: none;

}

.products-left > ul > li:first-child{

  background: #44065b;

  border: 1px solid #44065b;

  font-size: 18px;

  color: #fff;

  margin-bottom: 5px;

}





.products-left > ul > ul{

  list-style: none;

  padding: 0;

  margin: 0;

}

.products-left > ul > ul  > li{ 

  padding: 10px 10px 10px 20px;

  background: #f6f6f6;

  margin: 2px 0;

  border-radius: 5px;

}

.products-left > ul > ul  > li:hover{ 



  background: #f0f0f0;



}



.products-left > ul > ul  > li a::before {

    content: "·";

    display: inline;

    padding-right: 8px;

}



/*----------------------*/

.xian_tr{display:none;}

.jiage{ color: #f00;}





/*中間廣告*/

.zhongguang{

  position: relative;

}

.zhongguang .zhongbiao{

  width: 100%;

  position:absolute;

  bottom: 5%;

  text-align: center;

  padding: 10px;

  background: rgba(0, 0, 0, 0.3);

  color: #fff;

}



.zhongguang .xiangqing{

  position:absolute;

  padding: 10px 25px;

  background: rgba(255, 255, 255, 0.7);

  border:1px solid #fff;

  left: 35%;

  top:30%;

}



/*=====================================================================================================*/



































/*特效*/

/* Button 1c  按鈕背景會滑動 */

.btn-1c {

  background: none;

  position: relative;

  z-index: 1;

  

}



.btn-1c:after {



    content: '';

  position: absolute;

  z-index: -1;

  width: 0%;

  height: 100%;

  top: 0;

  left: 0;

  background: #eee;

  transition: all 0.3s;

}



.btn-1c:hover:after,

.btn-1c:active:after {

  width: 100%;

}



.image-large {overflow: hidden;display: block;}

.image-large img{transition:transform 1s ease;}

.image-large:hover img{transform: scale(1.1);}

/*=====================================================================================================*/



.shangding{

  background-color: #525252;

  height: 5px;

}



.btn-success:focus,

.btn-success:active,

.btn-success{

    background-color: #3e454d;

    border-color: #3e454d;

}

.btn-success:hover {

    color: #fff;

    background-color: #202327;

    border-color: #202327;

}



.xiangshang{

   position: fixed;

   bottom: 60px;

   right: 20px;

   z-index: 999;

}

.xiangshang .yuan{

   height: 40px;

   width: 40px;

   text-align: center;

   border-radius: 50%;

   background-color: #420660;

   padding-top: 5px;

   cursor: pointer;

}

.xiangshang .yuan:hover{

  background-color: #44065b;

}









.xiangmu .title{

background: #4c545d;

background: -webkit-gradient(linear,left top,left bottom,from(#4c545d),to(#3a4148));

background: -moz-linear-gradient(top,#4c545d,#3a4148);

background: -o-linear-gradient(top,#4c545d,#3a4148);

background: -ms-linear-gradient(top,#4c545d,#3a4148);

color: #fff;

position: relative;

overflow: hidden;

transition: .5s;

}

.xiangmu .title .xiaojian{

   float: right;

   background-color: #2e3339;

   padding: 33px 20px;

}

.xiangmu .title .xiaob{

   float: left;

   padding: 20px;

   font-size: 40px;

   color: #fff;

}

.xiangmu a{

   display: block;

}

.xiangmu a:hover .title{

   opacity: .7;

}





.products-grid {

    clear: both;

    margin: 0;

    position: relative;



    background: url(../image/actions-bg.jpg) repeat-x center top #fff;

    border-top: 1px solid #eaeaea;

    overflow: hidden;

    font-size: 18px;

    color: #420660;



}







.products-grid .t1{



   padding:10px 5px;

   font-size: 14px;

   text-align: center;

}



.products-grid .t2{

   padding:10px; 



   margin:0  -20px; 

   text-align: center;

}

.products-grid button{

  background-color: #44065b;;



  

  color: #fff;

  border:none;

  text-align: center;

      padding: 6px 20px;

      font-size: 14px;

      border-radius: 5px;

}

.products-grid button:hover{

  background-color: #621889;

}

.xiangce{

   overflow: hidden;

}



.ding103{

   padding: 15px 0;

   padding-top: 40px;

}





.banner-list {

    display: block;

    font-size: 20px;

    font-weight: 600;

    line-height: 49px;

    color: #4e515d;

    background: url(../image/banner-list-btn.gif) repeat-x center top #e7e7e7;

    padding-right: 17px;

    padding-left: 32px;

    overflow: hidden;

}







.carousel-control .glyphicon-chevron-right,

.carousel-control .glyphicon-chevron-left {

    padding: 5px;

    background-color: #44065b;

    width: 40px;

    height: 70px;

    padding-top: 20px;

    border-radius: 5px;

}











.carousel-control {

   opacity: 1;

}







@media (max-width: 1199px) {



.header{

   background-size: 50%;

}









.carousel-control .glyphicon-chevron-right,

.carousel-control .glyphicon-chevron-left {

    padding: 5px;

    background-color: #44065b;

    width: 30px;

    height: 50px;

    padding-top: 15px;

    border-radius: 5px;

}  



.ding103{

   padding: 0;

}



.clear30{

   height: 15px;

}

.clear60{

   height: 15px;

}



.xiangmu .title .xiaojian{



   padding: 10px 10px;

}

.xiangmu .title .xiaob{



   padding: 10px;

   font-size: 20px;

}



.xiangce .zuo1{

   float: left;

   width: 40%;

}

.xiangce .you1{

   float: left;

   width: 60%;

}









/*網站頂部*/

.header .container .logo{

  text-align: center;

}

.header .container .input-group{

  margin-top: 10px;

}

.header .container .tel{

  margin-top: 10px;

  text-align: center;

}

/*----------------------*/



/*手機菜單*/

.mobile_menu_bg{

  display: block;

}

.header .main-menu{

  display: none;

}

/*----------------------*/



/*手機隱藏*/

.shouji_hide{

  display: none;

}

.xian_tr{display: table-cell; font-weight: bold;}

.xian_td{display: none;}

/*----------------------*/

.neirong-right{

  padding-bottom: 0;

}



/*註冊會員的邊框*/

.dengru {

    border: none;

    padding: 0;

}

/*----------------------*/

/*會員菜單*/

.huiyuan_caidan .zuo{

  float: none;

  text-align: center;

}

.huiyuan_caidan .you{

  float: none;

  text-align: center;

}

/*----------------------*/



/*產品*/



/*----------------------*/



.huan{

  display: block;

}





.sh1{

   text-align: center;

   margin-top: 10px;

}

.sh2{

  padding-top: 10px;

}







.sh1 img{

  max-width: 100%;

}







.sh2{

   display: none;

}



.xiaojian img{

   width: 15px;

}





.products-grid .t2{

   background-color: transparent;

}



.zzpp{

  height: 3px;

}









}