html {
  position: relative;
  min-height: 100%;
}
body { font-family:微軟正黑體,'microsort yahei';}
ul,li,ol{ list-style:none}
.hide{ display:none}
.green{ color:#0C0}
.blue{ color:#06F;}
.orange{ color:#fa9c14}
.gray{ color:#ccc;}
.red{ color:#f00023}
.purple{ color:#63954e;}

.theme-page{ background:#f8f8f8; border:1px solid #ddd; margin:0px auto 0; padding:15px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.ml20{ margin-left:20px;}
.ml{ margin-left:20px;}
.pc-mr15{ margin-right:15px;}
.pc-mr30{ margin-right:30px;}

.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.join,.reg{ width:600px;margin:0px auto}
.w800{ width:800px;} 
.pc_bai40{padding-top: 40%;}
.pc_bai30{padding-top: 30%;}
.pc_bai20{padding-top: 20%;}
.m-auto{ margin:0 auto}
.fl{ float:left}
.fr{ float:right}

.header{}
.header .logo{ width:200px; height:60px; margin:10px 10px 30px;}
.header .search{     width: 280px;height: 36px;float: right; margin-top:10px;}
.header .search input{border:1px solid #63954e; height:30px;width:200px; display:inline-block; float:left; padding-left:2px;}
.header .search .sch_btn{ background:#63954e; width:60px; border:1px solid #63954e;height:30px; float:left; color:#fff}

.pc_h50{ height:50px; display:block; clear:both; width:100%;}
.pc_h40{ height:40px; display:block; clear:both; width:100%;}
.navbar{ margin-bottom:0;}
.navbar-brand{ padding-left:0px;}
.navbar-toggle{ background-color:#666; border:1px solid #fff; margin-top:10px;padding: 10px 6px;}
.navbar-toggle .icon-bar{ background-color:#fff;}

ul.navbar-nav {
  float: none;
  text-align:center;
   margin-top:20px;
}
ul.nav.navbar-nav  li {
    float:none;
    display: inline-block;
    margin: 0em;
}

.navbar-fixed-top{top:32px;}
.navbar-default .navbar-nav>li>a{ margin-top:15px;}
.navbar-default .navbar-nav>li>a:hover{ color:#900}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color:#337ab7; color:#fff}
.navbar li a{color:#333; padding-left:15px; padding-right:15px; margin-right:5px; margin-left:5px; font-size:16px;}
.navbar li a:hover{ background-color:#337ab7; color:#fff;}
.nav-tabs>li>a{ margin-right:0}

.navbar .back{ margin-top:5px;}


.hotkey{ padding-bottom:0px; margin-bottom:5px; }
.hotkey a{color:#ccc; font-size:12px; padding-right:5px;}
.hotkey a{ font-size:12px;}
.hea_user{display:inline-block; float:left ; padding-left:10px; margin-top:10px;}
.hea_user li{ float:left}
.hea_user li a{ color:#0096dd;}

.reg{ padding:15px;}
.reg label,.modal label{ font-weight:normal;}
.reg a{ color:#C90}

.main .l p{ margin-top:50px;}
.main .r p{margin-top:50px;}

.main .title1{ color:#63954e; margin:30px 0}
.main .title1 h3{font-weight:700; border-bottom:2px solid #63954e; padding-bottom:10px; margin-bottom:10px;}

.main .ad{ margin-bottom:10px;}

.about-text p{ font-size:16px; line-height:32px;}

/*index*/
.thumbnail p, .thumbnail p strong {
    color: #999;
    font-size: 16px;
}
.thumbnail p {
    margin-bottom: 3px;
}


.page-shop .item {
    
}
.page-shop .thumbnail {
    border-width: 0;
    margin-bottom: 1.7em;
    position: relative;
}

.downlist{ overflow:hidden; text-align:left; font-size:14px; line-height:28px;margin-top:30px;}
.downlist dl{ margin-bottom:30px; padding:15px; }
.downlist dl dt{ color:#d37d62; border-left:10px solid #d37d62; padding-left:10px; font-size:16px; margin-bottom:15px;}
.downlist dl dd{ line-height:24px;}
.downlist dl dd i{color:#d37d62;}
.downlist dl dd a{ color:#333;}

.huodong{ margin-top:50px; overflow:hidden}
.huodong .main-title,.service-area .service-title{ text-align:center; margin-bottom:30px;}
.huodong .main-title h1,.service-area .service-title h1{ font-size:36px; font-weight:700;}
.huodong .main-title h2,.service-area .service-title h2{ font-size:16px; line-height:28px;}
.huodong .slide-1,.huodong .slide-2,.huodong .slide-3{ margin-bottom:30px;}
.huodong .slide-1 .item,.huodong .slide-2 .item,.huodong .slide-3 .item{ margin-bottom:20px; position:relative; z-index:1}
.huodong .slide-1 .item span,.huodong .slide-2 .item span,.huodong .slide-3 .item span{ height:42px; line-height:42px;  overflow:hidden; color:#fff;opacity:0.75; background-color:#000; text-align:center; z-index:80;    position: relative;top: -42px;display: block; margin-bottom:-30px;}

.service-area{ background-color:#f1f1f1; padding-top:30px;margin-top:0px; overflow:hidden}

@media screen and (min-width: 568px)
{
.page-shop .thumbnail .caption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transition: .3s;
    opacity: 0;
    width: 100%;
    background-color: rgba(255,255,255,.8);
}

.text_caption {
    position: absolute;
    top: 15.2%;
    left: 9%;
    width: 80%;
}

.text_caption, .text_caption2 {
    border: 1px solid #666;
    padding: 10px;
}

.text_caption2 {
    position: absolute;
    top: 22%;
    left: 14%;
    width: 70%;
	border: 1px solid #666;
    padding: 10px;
}
.page-shop .thumbnail .caption h3 {
	
    height: auto;
    padding-bottom: 10px;
    font-size: 16px;
    color: #666;
    font-weight: bolder;
}

.page-shop .thumbnail .caption .txet_Author p {
    font-size: 1em;
    color: #333;
}

.page-shop .txet_Author2 p{font-size: 1em;
    color: #333;}
.page-shop .thumbnail .caption p.txet_Article {
    font-size: 14px;
    margin-top: 15px;
    color: #333;
}
}


.page-shop .item-r>div.story {
    padding: 15px 0 23px;
}

.page-shop .item-r>div {
    /*background-image: url(../images/item-r.png);
    background-position: bottom right;
    background-repeat: no-repeat;*/
}
.page-shop p.test {
    font-size: 1em;
    line-height: 1.8em;
}

.page-shop  .item-r>div.story a {
    margin-top: 5px;
	font-size: 16px;
    float: right;
}
.goods-item-hot a.i_want_buy, .goods-item-s a.i_want_buy, .page-shop .item-r>div.story a {
    width: 105px;
    height: 40px;
    line-height: 40px;
    background-image: url(../images/btn-6-s.png);
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin: 10px;
}
.page-shop .item-r>div.story p::first-letter {
    font-size: 2.5em;
}


.goods_list p{color: #00aeae; font-size:16px; line-height:28px; padding-bottom:0; margin-bottom:0}
.goods_list p.price{ color:#999; font-size:20px;}
.goods_list p.price span{ font-size:0.1em;}
.goods_list>div{ margin-bottom:15px;}
.goods_list a:hover{ text-decoration:none}
/*index end*/


.shop_list{}
.shop_list .title{ font-size:16px;}
.shop_list .media p{ color:#999;}
.shop_list .info{ font-size:14px; line-height:28px; margin-bottom:20px;}
.shop_list .info .more{}
.shop_list a:hover{ text-decoration:none}

.pro{ margin-bottom:20px;}
.pro h2.title{ padding-bottom:20px; margin-top:0;}
.pro p{ font-size:16px;}
.pro p.price{ font-size:24px; color:#F90}
.pro p.price span{ font-size:0.1em}
.pro .info{margin-top:20px;}
.pro .info p{line-height:28px; margin-bottom:0; font-size:14px;}
.pro .arc-content{ margin-bottom:10px; margin-top:20px; border-top:1px solid #ddd; overflow:hidden; padding-top:10px;}
.pro .arc-content p{ line-height:28px; margin-bottom:0; font-size:14px;}
.pro .arc-content img{ max-width:100%}
.news{ margin-bottom:20px;}
.news .info { margin-bottom:20px;}
.news .info a{ color:#333;}
.news .info a:hover{ text-decoration:none; color:#09F}
.news-content{ margin-bottom:10px; }
.news-content p{ line-height:28px; margin-bottom:0;}
.news-content img{ max-width:100%}

.blog_cate{ margin:15px auto 30px; text-align:center}
.blog_cate a{ display: inline-block;
    padding: 6px 12px;
	 margin-left:10px; 
	 margin-right:10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;}
.blog_cate a:hover,.blog_cate a.active{ background-color:#63954e; color:#fff;}


.feature-grid .feature-img{ 
    border: none;
    text-align: center;}
.feature-grid .feature-img img{ width:100%;}	
.feature-grid .feature-text1 {

}
.feature-grid .feature-text1 p{}
.feature-grid .feature-text1 p a{ color:#498cca}

.feature-grid .feature-text2 {
	text-align:right;

}

.feature-grid .feature-text2 .date{ color:#999; font-size:12px;}
.feature-grid .feature-text2 .estimated{ color:#999;font-size:14px; margin-top:30px;}
.feature-grid .feature-text2 .price{ color:#db0315; font-size:16px;}

.cf_img{ width:200px; height:200px; border-radius: 50%;}
.cf_title{font-family: "Noto Sans TC"; color:#63954e;font-style: normal;font-size: 28px;line-height: 2; margin-bottom:20px;}

/*通用切換*/
.tab1{display:inline-block; margin-bottom:20px; margin-left:-15px; padding-left:0px;}
.tab1 a{ display:inline-block;border-bottom:1px solid #ddd; font-size:20px; padding-right:10px;padding-left:10px; line-height:40px; color:#333; text-align:center}
.tab1 a.active{border-bottom:5px solid #ffcc33;color:#c80000 }
.tab1 a,.tab1 a:hover{ text-decoration:none}



.go-top{ background:url(../images/totop.png) no-repeat 0 0;width: 60px;
    height: 60px;
    bottom: 100px;
    right: 15px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
}

body > .container {
  padding: 0px 15px;
}
.container .text-muted {
  margin: 20px 0;
}

footer{ background-color: #111; width:100%;}
footer .container {
  padding-right: 15px;
  padding-left: 15px;
 
}

.footer {
  color:#fff;
  margin-top:10px;
  padding-top:20px;
  padding-bottom:20px;
   overflow:hidden;
}
.footer ul,.footer ul li{ margin:0; padding:0;}
.footer .menu{ margin-top:20px;}
.footer .menu a,.footer a{ color:#f9f9f9; }
.footer .menu span{padding:10px;}

.footer h5{ font-weight:700;}
.footer .copy{ text-align:center; margin-top:20px; line-height:32px;}
.footer .ys{margin-top:20px; line-height:32px; overflow:hidden;padding-left:15px;}
.footer .ys a{display: inline-block;padding-right:15px;}
.footer .social_line{ margin-top:10px;}
.footer .social_line a{ text-align:center; display:inline-block}
.footer .social_line a i{ color:#fff; font-size:40px;}
.footer .social_line a i:hover{ color:#FF0}
.footer .col-md-1{ padding-right:0; padding-left:5px;}
.footer .contact{ padding-left:15px; margin-top:20px;}
.footer .contact i{ padding-right:5px;}
code {
  font-size: 80%;
}
.wap-text-center{ text-align:inherit}

.list-group .active a {
    color: #fff;
}
.list-group-item i {
    float: right;
    padding-top: 3px;
	color: #999
}
.list-group .active a i{ color:#fff;}
.article-content{ overflow:hidden; padding-bottom:50px;}
.article-content p{ margin-bottom:0; line-height:28px; font-size:14px;}
.article-content img{ max-width:100%;}
.left-nav { border:1px solid #ddd; border-radius:4px; margin-bottom:20px;}
.left-nav .secondmenu li:first-child{border-top:1px solid #ddd;}
.left-nav .nav-list li{ border-bottom:1px solid #ddd;}
.left-nav .nav-list li a{ text-align:left;}
.left-nav .nav-list li i{ float: right; margin-right:15px;color: #999; margin-top:-26px; font-size:12px;}
.left-nav .secondmenu a {
font-size: 14px;
color: #4A515B;
text-align: center;
}
.left-nav .secondmenu li.active {
background-color: #4ca3ee;

}
.left-nav .secondmenu li.active a,.left-nav .secondmenu li.active i,.left-nav .nav-list li:hover i{ color:#fff;}
.left-nav .secondmenu li:hover a{background-color: #4ca3ee; color:#fff;}

.excerpt{ font-size:14px; line-height:28px;}
.contact_info{ overflow:hidden; border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px; margin-bottom:30px;}
.contact_info h1{ font-size:40px; font-weight:700; padding-bottom:30px;}
.contact_info p{ font-size:20px; text-align:center}
.contact_info .zy{font-size:20px; text-align:center; margin-top:20px; font-weight:700;}

.copy-top{ margin-top:80px;}
#load{margin:0 auto; text-align:center; width:100px; height:100px;}
.masonry .item {
    margin-bottom: 20px;
    float: left;
}
@media (max-width: 768px)
{
  .pc_bai40{padding-top: 0%;}
.pc_bai30{padding-top: 0%;}
.pc_bai20{padding-top: 0%;}

.header .logo{ width:120px; margin:0px 0; float:left}
.header .logo img{ max-width:200px; margin-top:-5px; margin-left:5px;}
.header .m_search{width:160px;height: 32px;float: right; margin-top:10px; float:right}
.header .m_search input{border:1px solid #63954e; height:30px;width:110px; display:inline-block; float:left; padding-left:2px;}
.header .m_search .sch_btn{ background:#63954e; width:50px; border:1px solid #63954e;height:30px; float:left; color:#fff}
  
  ul.navbar-nav {
     float: left;
     text-align:center; 
	 margin-bottom:0; margin-top:0px;
 }
  ul.nav.navbar-nav  li {
	  float:left;
	  display: block;
	  margin: 0em;
	  width:100%;
	 
  }
  .navbar-nav .open .dropdown-menu{ background-color:#337ab7; display:block;overflow: hidden;}
  .navbar-collapse{background-color:#337ab7; color:#fff;}

  ul.nav.navbar-nav li a{ color:#fff; margin-left:0; margin-right:0}
 .swiper-container{ margin-top:0px;}
  .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color:#ddd;
  }
  
  .wap-text-center{ text-align:center}
  .footer .wap-footer-boder-right{border-right:0; }
  .pc-mr15,.pc-mr30{ margin-right:inherit}
  .pc_h50,.pc_h40{ display:none}
  .main .l p,.main .r p{ margin-top:20px;}
  .swiper-container{ margin-bottom:0px}
  .swiper-slide img{ width:100%;}
  .main .l p img,.main .r p img{max-width:100%; width:100%;}
  .feature-grid h4{ margin-top:10px;}
  .feature-grid .feature-text2{ text-align:left}
  
  .page-shop h3{ margin-top:0; font-size:16px;}
  .page-shop .thumbnail .caption{ padding:0;}
  
  
.page-shop img {
    width: 55%;
    float: left;
    padding-right: 10px;
}
.page-shop .thumbnail p {
    font-size: 14px;
}
.thumbnail p.article_content {
    height: 5em;line-height: 1.6em; color:#333;
}
.page-shop .article_content{ clear:both}

.goods_list img{ width:100%;}
.goods_list p{ text-align:center}
.pagination{ margin:0 auto;}
.go-top{ background:url(../images/mtotop.png) no-repeat 0 0;width: 30px;
    height: 30px;
    bottom: 90px;
    right: 5px;
    position: fixed;
    cursor: pointer;
    z-index: 999999;
}

.footer .ys{margin-top:5px;}
.contact_info{ margin-top:0; padding-top:0;}
.contact_info h1{ font-size:30px;}
.contact_info p{ font-size:16px;}
.contact_info .zy{font-size:16px; }
.about-text p{ font-size:14px;}
.huodong .main-title h1,.service-area .service-title h1{ font-size:28px;}
.huodong .main-title h2,.service-area .service-title h2{ font-size:14px;}
.copy-top{ margin-top:20px;}
}