@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: verdana, Microsoft JhengHei ;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	height:100%;
	width: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
body, html{
	height:100%;
	width:100%;
	line-height:30px;
	font-size: 16px;
}
div, a, span, p{
	font-family: verdana, Microsoft JhengHei ;
	text-decoration:none;
}
.nodown{ background-color:#1bc094;padding:6px 25px; border-radius:10px;color:#FFF;text-decoration:none; }
.nodown:link{ background-color:#1bc094;padding:6px 25px; border-radius:10px;color:#FFF;text-decoration:none; }
.nodown:visite{ text-decoration:none; background-color:#0c9b75;}
.nodown:hover{ text-decoration:none; background-color:#0c9b75;}
a.nodown:visite{text-decoration:none;}
a.nodown:hover{text-decoration:none;}
.hide{
	display: none;
}
.top{
	border-bottom: 1px solid #a0a0a0;
	width: 100%;
	height: 95px;
	text-align: center;
}
.top > div{
	width: 1180px;
	padding-top: 30px;
	position: relative;
	margin: 0 auto;
}
.logo{
	position: absolute;
	left: 0;
}
.social_icon{
	position: absolute;
	right: 0;
	top: 50px;
}
.social_icon div{
	display: inline-block;
	margin-right: 10px;
}
.wth{	
	width: 1200px;
	margin: 0 auto;
}
.wth2 {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  box-sizing: border-box;
}

.navbar {
    padding: 0;
}
.nav_all{
	color: #000;
	font-weight: bold;
	font-size: 20px;
	vertical-align: middle;
}
.nav_all a{
	color: #000;
	line-height: 50px;
	border-top: 3px solid #fff;
	padding:6px 25px 4px 25px;
}
.nav_all a span{
	font-size: 12px;
	vertical-align: super;
	line-height: 12px;
}
.nav_all a img{
	vertical-align: text-bottom;
}
.nav_all ul{
	margin: 0 auto;
}
.nav_all ul li{	
	margin: 0 1px;
}
.nav_all a:hover,.nav_all a.active{
	border-top: 3px solid #0c9e77;
	background: #edf7f3;
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown .dropdown-content {
    display: none;
    position: absolute;
    z-index: 1000;
    padding:0;
    background: #31b894;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    min-width: 160px;
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
}
.dropdown-content.w170{
	 width:auto;
	/*width: 171px;*/
}
.dropdown-content.w180{
	width: 181px;
}
.dropdown .dropdown-content a{
    display: block;
    line-height: 60px;
    border-top:1px solid #fff;
    padding:0;
    /*background-color: #31b894;*/
    color: #fff;
    text-decoration: none;
	width:330px;
}
.dropdown .menuboxA a{
    display: block;
    line-height: 25px;
    border-top:none;
    padding:0;
    color: #fff;
    text-decoration: none;
	width:120px;
	padding: 20px 0;
    height: 225px;
}
.dropdown .dropdown-content a:first-child{
    border-top:none;
}
.dropdown .dropdown-content a:hover {
    background-color:rgba(255,255,255,0.2);
    color: #fff;
}
.dropdown:hover .dropdown-content {
    display: block;
}


/*------------m_nav-------------*/
.m_top{
	display: none;
	position: fixed;
	top: 0;
	z-index: 800;
	width: 100%;
	background: #fff;
	padding-top: 10px;
	height: 75px;
}
.toggle {
	display: none;
	position: fixed;
	top:15px;
	right:15px;
	z-index:999;
}
.m_nav{
	display:none;
	position: fixed;
	right:0;
	top:75px;
	z-index:700;
	height:100%;
	width:100%;
	font-size: 22px;
    font-weight: bold;
    background: #0c9e77;
}
.m_nav ul{
    margin: 0;
    padding: 0;
    background: transparent;
}
.m_nav li{
    position: relative;
    color: #fff;
    list-style: none;
    border-bottom: 1px solid #fff;
    padding:15px 0;
    text-align: left;
}
.m_nav li img{
	margin:0 15px 0 30px;
	vertical-align: middle;
}
.m_nav li a {
    display: block; 
    color: #fff;
    text-decoration: none;
}
.m_nav li a span{
	font-size: 14px;
	vertical-align: super;
	line-height: 14px;
}
.m_nav li a div{
	display: inline-block;
	background: #fff;
	color: #0c9e77;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	line-height: 28px;
	padding-left: 10px;
	float: right;
	margin-right: 5%;
}
/*------------footer-------------*/
.footer{
	width: 100%;
	height: 97px; 
	background: url(../images/footer_bg.png) repeat-x #f2f2f2;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 45px;
	vertical-align: bottom;
}
.footer span{
	font-weight: bold;
	font-size: 14px;
}
.footer img{
	vertical-align: bottom;
}
.m_footer,.m_footer2{
	display: none;
}
/*------------water-------------*/
.water1{
	position: fixed;
	top: 30%;
	right: 8px;
	z-index: 500;
}
.plus{
	position: absolute;
	background: #0c9e77;
	color: #fff;
	width: 26px;
	height: 26px;
	border-radius: 26px;
	padding-left: 5px;
	line-height: 24px;
	font-weight: bold;
	font-size: 18px;
	right: -8px;
	margin-top: -13px;
}
.water2{
	position: fixed;
	top: 30%;
	left: 0;
	z-index: 500;
	background: #fff;
}
/*------------kv-------------*/
.carousel-inner.kvmask{
	width: 1200px;
    height: 350px;
    overflow: hidden;
}
.carousel-item{
	width: 1200px;
    height: 350px;
}
.carousel-indicators {
    position: absolute;
    top: 5px;
    left: 20px;
    z-index: 15;
    display: block;
    -ms-flex-pack: none;
    justify-content: left;
    padding-left: 0;
    margin-right:auto;
    margin-left: 0;
    list-style: none;
 }
.carousel-indicators li {
	display: block;
    width: 8px;
    height: 8px;
    margin: 15px 0;
    text-indent: -999px;
    background-color: #0c9e77;
    border-radius: 10px;
    border: 1px solid #0c9e77;
    cursor: pointer;
}
.carousel-indicators li:hover {
    background-color: #fff;
}

/*------------three-------------*/
.indexblock{
	background: #edf7f3;
	padding: 20px 20px 0 18px;
}
.indexblock > div{
	display: inline-block;
	margin: 15px 15px 0 15px;
	border-bottom: 3px solid #0c9e77;
	vertical-align: top;
}
h2{
	color: #0c9e77;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 5px;
}
h2 img{
	vertical-align: text-top;
	margin-right: 8px;
}
.news{
	height: 248px;
}
.news ul{
	color: #5d5959;
}
.news ul li{
	padding: 3px 0;
}
.onenews{
	padding-left: 10px;
	width: 230px;
	display: inline-block;
	line-height: 25px;
	vertical-align: top;
	margin-top: 3px;
}
.date{
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	vertical-align: top;
	margin-top: 3px;
}
a.more{
	display: inline-block;
	background: #0c9e77;
    border-radius: 20px;
    color: #fff;
    padding: 1px 10px;
    font-size: 15px;
    margin-left: 5px;
	line-height: 20px;
    text-decoration: none;
}
a.more b{
	font-size: 16px;
}
a.more:hover{
	background: #b5b5b5;
}
.video{
	line-height: 1px;
	position: relative;
}
.video iframe{
	width: 360px;
	height: 200px;
}
.videopage{
	position: absolute;
	top: 20px;
	right: 0;
	border: none;
}
.videopage a,.recipepage a{
	text-decoration: none;
	background: #0c9e77;
	color: #fff;
	padding: 2px 5px;
	margin: 0 2px;
	border: none;
}
.videopage a:hover,.videopage a.active,.recipepage a:hover,.recipepage a.active{
	background: #b5b5b5;
}
.fbfans{
	padding-top: 3px;
	line-height: 1;
}
.fbfans iframe{
	display: block;
	margin: 0;
	padding: 0;
}
.supply{
	text-align: center;
	padding-top: 50px;
}
.supply h2{
	width: 220px;
	border-bottom: 3px solid #0c9e77;
	text-align: center;
	margin: 0 auto 15px auto;
}
.supply h2 img{
	vertical-align: sub;
}
.carousel-inner.midmask{
	width: 1200px;
	height: 400px;
	overflow: hidden;
}
.carousel-inner.midmask div.carousel-item{
	width: 1200px;
	height: 400px;
}
.carousel-item.mid01{
	background: url(../images/slideshow_mid_01.jpg) center no-repeat;
	background-size: cover;
}
.carousel-item.mid02{

	background: url(../images/slideshow_mid_02.jpg) center no-repeat;
	background-size: cover;
}
.carousel-item.mid03{

	background: url(../images/slideshow_mid_03.jpg) center no-repeat;
	background-size: cover;
}
.carousel-caption {
    position: absolute;
    top: 33%;
    left: 40%;
    z-index: 200;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
}
.supply h3{
	font-size: 55px;
	color: #fff;
	text-shadow: 1px 1px 5px #000;
	letter-spacing: 10px;
	line-height: 60px;
}
a.more2{
	display:inline-block;
	border: 1px solid #fff;
	color: #fff;
	text-decoration:none;
	font-size: 20px;
	padding: 5px 20px;
	margin: 30px 0 0 6px;
	background: rgba(0,0,0,0.3);
	letter-spacing: 2px;
	cursor: pointer;
}
a.more2:hover{
	background: rgba(0,0,0,0.5);
}
.carousel-indicators.slideshow_mid_dot{
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 20px;
    z-index: 15;
    display: block;
    -ms-flex-pack: none;
    justify-content: left;
    margin-right:auto;
    margin-left: 0;
    list-style: none;
 }
.carousel-indicators.slideshow_mid_dot li {
    position: relative;
    width: 10px;
    height: 10px;
    display: inline-block;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 10px;
    text-indent: -999px;
    background-color: transparent;
    border: 2px solid #fff;
}
.carousel-indicators.slideshow_mid_dot li.active {
    background-color: #fff;
}
.graybg{
	width: 100%;
	height:auto;
	background:#f2f3f2;
	padding: 20px 0 80px 0;
	margin-top: 50px;
}
.indexblock2 > div{
	display: inline-block;
	margin-top: 15px;
	vertical-align: top;
}
.indexblock2 > div:first-child{
	width: 60%;
}
.indexblock2 > div:last-child{
	width: 36%;
}
.indexblock2 h2{
	border-bottom: 3px solid #0c9e77;
	margin-bottom: 30px;
	vertical-align:text-bottom;
}
.indexblock2 h2 img{
	vertical-align:text-bottom;
}
.blogtxt{
	background: #fff;
	padding: 15px 35px;
	font-size: 18px;
	color: #606060;
	line-height: 40px;
	width: 100%;
}
.blog{
	position: relative;
}
.blog > div img{
	display: block;
}
.blog > div{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.blog > div:nth-child(2){
	margin-right: 20px;
}
.blog > div:last-child{
	margin-right: 10px;
}
.blogone{
	width: 47%;
}
.blog_pic{
	width: 100%;
}
.blog_pic img{
	width: 100%;
}
h4{
	font-size: 24px;
	color: #0c9e77;
	font-weight: bold;
}
a.more3{
	position: absolute;
	display: inline-block;
	border-radius: 30px;
	width: 40px;
	height: 40px;
	background: #0c9e77;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 35px;
	line-height:34px;
	right: 0;
	margin-top: -20px;
}
a.more3:hover{
	width: 40px;
	padding-left: 4px;
}
.blog > div.blogdot{
	position: absolute;
	bottom: 90px;
	right: 25px;
}
.blogdot.dot_n5{
	display: none;
}
.recipe{
	position: relative;
	margin-left:30px;
}
.recipe_pic img{
	width: 100%;
	display: block;
}
.recipepage{
	position: absolute;
	top: 10px;
	right: 0;
	border: none;
}
/*------------member-------------*/
.content{
	width: 100%;
	background: #f2f2f2;
	padding-bottom: 50px;
}
.cont_kv{
	width: 100%;
	height: 215px;
}
.bg01{
	background: url(../images/member_bg.jpg) center;
	background-size: cover;
}
.bg02{
	background: url(../images/news_bg.jpg) center;
	background-size: cover;
}
.bg03{
	background: url(../images/news2_bg.jpg) center;
	background-size: cover;
}
.bg04{
	background: url(../images/news3_bg.jpg) center;
	background-size: cover;
}
.bg05{
	background: url(../images/walk_bg.jpg) center;
	background-size: cover;
}
.bg06{
	background: url(../images/detect_bg.jpg) center;
	background-size: cover;
}
.bg07{
	background: url(../images/product_bg_0922b.jpg) center;
	background-size: cover;
}
.bg07new{
	background: url(../images/product_bg_0922.jpg) center;
	background-size: cover;
}
.bg07a{
	background: url(../images/product_bg1.jpg) center;
	background-size: cover;
}
.bg07a_newproductbanner{
	background: url(../images/product_bg4_new.jpg) center;
	background-size: cover;
}
.bg07a2_newproductbanner{
	background: url(../images/product_bg5_new.jpg) center;
	background-size: cover;
}
.bg07b{
	background: url(../images/product_bg2.jpg) center;
	background-size: cover;
}
.bg07c{
	background: url(../images/product_bg3.jpg) center;
	background-size: cover;
}
.breadcrumb{
	padding: 5px 0;
	margin: 0;
	background: #f2f2f2;
	font-size: 15px;
	color: #4a4a4a;
}
.breadcrumb-item.active,.breadcrumb-item a{
	color: #3f3d3d;
	text-decoration: none;
}
.breadcrumb-item a:hover{
	color: #0c9e77;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "›";
}
.cont_bg{
	background: #FFF;
	padding: 80px 50px;
	/*padding: 10px 50px;*/
	text-align: center;
}
.product6_bg{
	background: url(../images/pic6_bg.png);
	min-height:2000px;
	padding: 25px 50px;
	text-align: center;
	background-repeat: no-repeat;
	background-color: #34b2af;
}
.product6_bg2{
	background: url(../images/pic6_bg2.png);
	min-height:2000px;
	padding: 25px 50px;
	text-align: center;
	background-repeat: no-repeat;
	background-color: #34b1af;
}
.sword{ font-size:9px;vertical-align: top;}
.wred{ color:#F00;}
.p6_1{background: url(../images/p6_1.png);width:774px; height:318px; display:inline-block;padding: 125px 0 0 48px;margin-top: 150px;}
.p6_1b{background: url(../images/p6_1b.png);width:774px; height:318px; display:inline-block;padding: 125px 0 0 48px;margin-top: 150px;}
.p6_2{background: url(../images/p6_2.png);width:774px; height:318px;display:inline-block;padding: 125px 0 0 48px;}
.p6_3{background: url(../images/p6_3.png);width:774px; height:411px;display:inline-block;padding: 125px 0 0 40px;}
.p6_4{background: url(../images/p6_4.png);width:774px; height:318px;display:inline-block;padding: 125px 0 0 48px;}
.p6pic{ width:20%; float:left;}
.p6word{width: 70%;float: left;text-align: justify;padding-top: 30px; padding:20px;font-size:19px; color:#356b92;font-weight: bold;}
.p6pic2{ width:40%; float:left;}
.p6word2{width: 94%;float: left;text-align: justify; padding-top: 30px;padding-left: 10px;font-size:19px; color:#356b92;font-weight: bold;}
.inword1{ font-size:30px; color:#feea9c; padding:82px 0 25px 0; line-height:38px;}
.inword2{ font-size:25px; color:#FFF; line-height:45px;}
.inword3{ color:#00568b;}
.cont_bg p{
	padding: 20px ;
	text-align: justify;
}
.cont_bg p.big{
	font-size: 20px;
}
.butg1{
	padding: 20px;
	text-align: center;
}
a.but{
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	width: 300px;
	border-radius: 10px;
	background: linear-gradient(to bottom, #32ad8c 0%,#1d9877 50%,#0c8666 100%);
	padding: 10px;
	color: #fff;
	letter-spacing: 3px;
	text-decoration: none;
}
a.but:hover{
	box-shadow: inset 0 0 20px rgba(255,255,255,0.5);
}
.butg1 a:first-child{
	margin-right: 30px;
}
a.but.s1{
	width: auto;
	padding: 6px 20px;
	margin-top: 20px;
}
.cont_narrow{
	width: 600px;
	margin: 0 auto;
	min-height: 400px;
}
.cont_bg.forgetemail > div p{
	text-align: center;
}
.cont_bg.memberform{
	position: relative;
	padding: 20px 0;
}
h4{
	color: #000;
	font-size: 21px;
	letter-spacing: 0px;
	padding-bottom: 15px;
	line-height:32px;
	text-align:justify;
}
h4 img{
	vertical-align: text-bottom;
	margin-right: 5px;
}
.line01{
	width: 100%;
	background: #f2f2f2;
	height: 3px;
}
.butjoin{
	position: absolute;
	right: 20px;
	top: -5px;
}
a.but.s2{
	width: auto;
	padding: 6px 20px;
	margin-top: 20px;
	background: linear-gradient(to bottom, #e9296b 0%,#d61658 50%,#c20244 100%);
}
.cont_narrow > form,.cont_wide > form{
	padding: 30px 30px 0 30px;
	font-size: 20px;
	text-align: right;
	line-height: 25px;
}
.logininupt{
	text-align: left;
}
.logininupt p{
	padding: 10px 8px;
	font-size: 16px;
	line-height: 25px;
}
.warn{
	font-size: 16px;
	color: #ff0000;
	margin-left: 10px;
}
.cont_wide{
	padding: 30px 50px;
}
.joinform{
	padding: 30px 60px 0 60px;
}
.jointxt{
	padding: 5px 0 0 0;
	text-align: left;
	font-size: 16px;
}
.cont_wide.joinqa > form{
	padding: 0 75px;
	text-align: left;
	line-height: 40px;
}
.joinqa form > div{
	padding-bottom: 30px;
}
.joinqa form > div > div{
	padding-left: 38px;
} 
.joinqa form > div > ul{
	padding-left: 58px;
}
.joinqa form ul li span{
	margin:0 5px 0 10px;
}
.joinqa form div div span{
	margin-right: 15px;
}
.joinqa form > div > div.qalist{
	text-indent: 0;
}
.joinqa form a{
	color: #0c9e77;
	text-decoration: none;
}
.qaother{
	width: 100px;
	display: inline-block;
}
.qayear{
	width: 55px;
	display: inline-block;
}
.ml50{
	margin-left: 50px;
}
.birthday select:first-child{
	width: 211px;
}
.birthday select{
	width: 70px;
	display: inline-block;
}
.address select{ 
	width: 120px;
	display: inline-block;
	vertical-align: middle;
}
.address input{
	width: 420px;
	display: inline-block;
	vertical-align: middle;
}
.form-group.row{
	padding: 5px 0;
}
.gender{
	margin-top: 7px;
}
.qalist{
	padding-right: 50px;
	padding-left: 38px;
}
/*------------event-------------*/
.newslist{
	width: 1100px;
	margin: 0 auto;
}
.newslist > div{
	vertical-align: top;
}
.listone{
	position: relative;
	width: 100%;
	margin: 0 auto 20px auto;
	background: #fff;
}
.listone > a > div{
	display: inline-block;
	vertical-align: top;
}
.listone > a > div:first-child img{
	display:block;
}
.listone > a > div:nth-child(2){
	padding: 10px 20px;
}
h5{
	font-size: 26px;
	color: #0c9e77;
	line-height: 40px;
	margin-bottom: 10px;
}
a.more4,.newslist a.more5{
	position: absolute;
	background: #0c9e77;
	border-top: 3px solid #61c0a6;
	padding: 2px 25px 5px 25px ;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	top: 10px;
	right: 20px;
}
.newslist a.more4{
	color: #fff;
}
a.more4:hover,a.more5:hover{
	background: #61c0a6;
	border-top: 3px solid #0c9e77;
}
.listpage{
	text-align: center;
	margin: 30px auto;
}
.newslist .listpage a{
	display: inline-block;
	border: 1px solid #0c9e77;
	background: #0c9e77;
	color: #fff;
	text-decoration: none;
	width: 25px;
	height: 25px;
	margin: 0 10px;
	line-height: 23px;
}
.listpage a:hover,.listpage a.active{
	color: #0c9e77;
	background: #fff;
}
.article > div{
	display: inline-block;
	background: #fff;
	vertical-align: top;
	min-height: 550px;
}
.articleleft{
	margin-right: 20px;
	width: 770px;
}
.articleleft > div:nth-child(odd){
	padding: 20px 40px;
}
.articleleft > div p{
	margin-top: 15px;
}
.articleright{
	width: 300px;
	padding: 20px ;
}
h6{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.articleright > div a div{
	display: inline-block;
	width: 180px;
	margin-left: 10px;
	line-height: 22px;
	vertical-align: top;
	color: #000;
}
.articleright > div img{
	border: 1px solid #e7e7e7;
}
.articleright > div{
	padding-bottom: 5px;
	border-bottom: 2px solid #eeeeee;
	margin-top: 15px;
}
.articleright > div:last-child{
	border-bottom:none;
}
.but2 a{
	border: 1px solid #73a7dd;
	color: #3b5998;
	padding: 2px 15px 5px 15px;
	text-decoration: none;
}
.but2 a img{
	margin-right: 5px;
	vertical-align: middle;
}
.but2 a.lineshare{
	border: 1px solid #77c9b3;
	color: #0bb42b;
}
/*------------news-------------*/
.subnav{
	background: linear-gradient(to bottom, #3ab091 0%,#26a986 50%,#11a27b 100%);
	width: 100%;
	height: 50px;
	border-top: 1px solid #a1d3c6;
	border-bottom: 1px solid #a1d3c6;
	text-align: center;
}
.subnav > div > a{
	display: inline-block;
	font-size: 20px;
	color: #fff;
	border-left: 1px solid #a1d3c6;
	text-align: center;
	width: 24.9%;
	vertical-align: middle;
	line-height: 49px;
	text-decoration: none;
}
.subnav > div > a:last-child{
	border-right: 1px solid #a1d3c6;
}
.subnav > div > a span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #fff;
	vertical-align: text-top;
	margin:2px 0 0 10px;
	line-height: 17px;
}
.subnav > div > a:hover,.subnav > div > a.active{
	background: linear-gradient(to bottom, #3fc3c0 0%,#2abbb4 50%,#18b5ab 100%);
}
.eventone{
	display: inline-block;
	position: relative;
	width:335px;
	background: #fff;
	height: auto;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
	margin-bottom: 50px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.newslist a,a.eventone, a.eventone p,a.eventone span{
	color: #000;
	text-decoration: none;
}
.eventone p{
	font-size: 20px;
	padding: 5px 20px;
}
.eventone p span{
	font-size: 16px;
	display: block;
}
.eventone a.more5{
	right: 0;
	top: auto;
	bottom: -15px;
	color: #fff;
}
.eventone:not(:nth-child(3n)){
	margin-right: 28px;
}
.news_date{
	font-size: 12px;
	color: #4a4a4a;
}
h1{
	font-size: 32px;
	line-height: 40px;
	margin: 10px 0;
}
.newsharebut{
	float: right;
	width: 50%;
	text-align: right;
	padding: 5px 0 0 0;
}
.newsharebut2{
	text-align: right;
	padding: 60px 0 20px 0;
}
.newpage_but{
	position: relative;
	margin: 30px auto 20px auto;
}
.newpage_but a.more5{
	position: static;
}
a.gototop{
	position: absolute;
	color: #8a8a8a;
	font-size: 18px;
	right: 30px;
	line-height: 22px;
	text-decoration: none;
}
a.gototop span{
	width: 18px;
	height: 18px;
	border-radius: 18px;
	background: #b5b5b5;
	color: #fff;
	display: inline-block;
	margin-left: 5px ;
	line-height: 22px;
	font-size: 15px;
	vertical-align: middle;
}
a.gototop:hover{
	color: #000;
}
a.gototop:hover span{
	background: #000;
}
/*------------walk-------------*/
.walk_tabs{
	text-align: left;
}
.walk_tabs a{
	background: #0c9e77;
	color: #fff;
	font-size: 22px;
	padding: 8px 50px;
	letter-spacing: 2px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
}
.walk_tabs a:hover,.walk_tabs a.active{
	background: #1bc094;
}
.walk_cont{
	border: 2px solid #1bc094;
	border-radius: 0 5px 5px 5px;
	padding: 30px 50px;
	margin-top: 2px;
	text-align:justify;
	font-size: 18px;
	line-height: 35px;
}
.walk_cont h5{
	font-size: 22px;
	color: #1071c2;
	margin-bottom: 20px;
	line-height: 35px;
}
img.walk_cont_pic{
	float: right;
	margin-left: 30px;
}
.walk_cont > div{
	clear: both;
	padding-bottom: 40px;
	overflow: auto;
}
/**********************/
.walk2_cont{
	border: 2px solid #1bc094;
	border-radius: 0 5px 5px 5px;
	padding: 30px 50px;
	margin-top: 2px;
	text-align:justify;
	font-size: 18px;
	line-height: 35px;
}
.walk2_cont h5{
	font-size: 22px;
	color: #1bc094;
	line-height: 22px;
	font-weight: 800;
	margin-top: 20px;
}
.fonta{font-size: 19px;
	line-height: 30px;
	text-align:center;
}
img.walk2_cont_pic{
	float: right;
	margin-left: 30px;
}
.walk2_cont > div{
	clear: both;
	padding-bottom: 20px;
	overflow: auto;
}
.walk2_cont{
	border: 2px solid #1bc094;
	border-radius: 0 5px 5px 5px;
	padding: 30px 50px;
	margin-top: 2px;
	text-align:justify;
	font-size: 18px;
	line-height: 35px;}
.walk2_cont li{
	margin-left: 20px;
}
.walk3_cont_all{margin-left: 10px;;
}
.walk3_cont {
    width: 389px;
    padding: 10px;
    margin-right: 40px;
    float: left;
}
.walk3_cont_pic{
	border-radius: 10px;
    width: 389px;
    height: 62px;
    background-color:#1bc094;
    text-align: center;
color: white;
font-size: 22px;
font-weight: 600;
  }
.walk3_cont_pic img{ vertical-align: middle;
    margin-right: 5px;}
.walk4_cont{
	margin-top: -5px;
}
.walk3_cont_pic2{
	width: 389px;
	    margin: 20px 0;
	font-size: 19px;
	line-height: 26px;
	padding: 5px;
	min-height:120px;
}
.tiffany{color: #1bc094;}
/*------------detect-------------*/
.detect_nav{
	position: relative;
	display: inline-block;
	width: 310px;
	height: 246px;
	margin: 20px 78px 50px 0;
	color: #fff;
	font-size: 19px;/*old:22px*/
	font-weight: bold;
	vertical-align: top;
	padding-top:195px;
	text-align: center;
	letter-spacing: 0px;/*old:2px*/
	cursor: pointer;
}
.detect_nav img{
	vertical-align: middle;
	margin: 0 10px 5px 0;
}
.detect_nav:nth-child(3n){
	margin-right: 0;
}
.detect_nav span{
	background: url(../images/icon_cont_04.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 15px;
}
.detect_nav:hover{
	filter: brightness(1.1);
}
.detect_nav:hover span{
	right: 13px;
}
.d00{
	background: url(../images/detect_pic_01b.png) no-repeat;
}
.d01{
	background: url(../images/detect_pic_01.png) no-repeat;
}
.d02{
	background: url(../images/detect_pic_02.png) no-repeat;
}
.d03{
	background: url(../images/detect_pic_03.png) no-repeat;
}
.d04{
	background: url(../images/detect_pic_04.png) no-repeat;
}
.d05{
	background: url(../images/detect_pic_05.png) no-repeat;
}
.d06{
	background: url(../images/detect_pic_06.png) no-repeat;
}
.breadcrumb li span{
	font-size: 12px;
	vertical-align: super;
	line-height: 12px;
}
.detect_cont{
	text-align: left;
}
.detect_cont > div{
	display: inline-block;
	vertical-align: top;
}
.detect_subnav{
	margin-left: -68px;
}
.detect_subnav a.detect_nav{
	position: relative;
	display:block;
	height: 62px;
	margin: 10px 0;
	vertical-align: top;
	color: #fff;
	text-decoration: none;
	padding-top:12px;
	background: linear-gradient(to bottom, #a0a0a0 0%,#868686 50%,#747474 100%);
}
.detect_subnav a.detect_nav:hover,.detect_subnav a.detect_nav.active{
	background: linear-gradient(to bottom, #32ad8c 0%,#1d9877 50%,#0c8666 100%);
}
.detect_subnav a.detect_nav b{
	position: absolute;
	display: block;
	border-color: transparent transparent #626262 transparent;
	border-width: 0 0 10px 18px;
	border-style: solid;
	width: 0;
	height: 0;
	top:-10px;
}
.detect_right{
	margin-left:50px;
	width: 680px;
}
.detect_p1{
	float: left;
	margin-right: 10px;
}
.detect_title{
	padding: 20px 0;
}
.detect_title img{
	margin-right:20px ;
}
.detect_q1a{
	clear: both;
	margin-left: 30px;
	background: url(../images/people_s1.png) no-repeat right;
	width: 650px;
	height: 515px;
}
.detect_q1a.q2{
	background: url(../images/people_s2.png) no-repeat right;
}
.detect_q1a.q3{
	background: url(../images/people_s3.png) no-repeat right;
}
.detect_q1b{
	background: #eee;
	display: table;
	padding-right: 10px;
	margin: 40px 0 10px 0;
}
.detect_q1b span{
	display: inline-block;
	background: #32ad8c;
	color: #fff;
	border-right: 1px solid #fff;
	width: 40px;
	height: 40px;
	text-align: center;
	margin-right: 10px;
	line-height: 40px;
}
.detect_q1a .butg1{
	width: 550px;
}
.detect_q1result{
	margin-top: 50px;
}
.detect_q1result > div{
	width: 100%;
	background: #9cd4bb;
	position: relative;
	margin-bottom: 20px;
	border-radius: 15px;
	padding: 4px 3px 0 0 ;
	margin-bottom: 40px;
}
.detect_q1result h1{
	display: inline-block;
	width: 20%;
	font-size: 35px;
	color: #fff;
	letter-spacing: 3px;
	text-align: center;
	margin: -40px 0 10px 7px;
}
.q1result_txt{
	display: inline-block;
	width: 78%;
	border-radius: 12px;
	background: #fff;
	padding: 5px 15px;
	line-height: 26px;
}
.q1result_txt p{
	font-size: 24px;
	padding: 0;
	line-height: 35px;
	font-weight: bold;
	color: #0c9e77;
}
.detect_q1result > div.result4 p,.detect_q1result > div.result5 p,.detect_q1result > div.result6 p{
	color: #ff0000;
}
.q1result_txt span{
	color: #ff0000;
}
.q1result_ok{
	position: absolute;
	width: 68px;
	height: 68px;
	background: url(../images/icon_cont_ok.png) no-repeat;
	right: 0;
	top: -20px;
}
.q1result_ok.ng{
	background: url(../images/icon_cont_ng.png) no-repeat;
	top: -30px;
}
.q3t{
	display: inline-block;
	line-height: 20px;
	vertical-align: top;
	width: 410px;
}
.q3t2{
	display: inline-block;
}
.detect_right h1,.detect_right h2{
	text-align: center;
}
.bone{
	margin: 0 10px;
	color: #5f5f5f;
}
.bone p{
	padding: 20px 0 0 0 ;
}
.f22{
	font-size: 22px;
}
.blue{
	color: #1071c2;
}
.red{
	color: #df0a0a;
}
.line02{
	border: 1px dashed #ccc;
	width: 100%;
	margin: 20px auto;
}
.detect_tab1, th, td{
	border: 2px solid #fff;
	padding: 2px 10px;
	text-align: justify;
}
.detect_tab1 thead tr td{
	background: #3875d6;
	color: #fff;
	text-align: center;
}
.detect_tab1 tbody{
	background: #e5e5e5;
}
.detect_tab1 tbody tr td:first-child{
	width: 50%;
	text-align: center;
	vertical-align: middle;
}
.tips{
	font-size: 12px;
	text-align: right;
	display: block;
}
.greenbar{
	background: #0c9e77;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 3px;
	text-align: center;
	padding: 3px 0;
	margin: 10px auto;
}
.detect_gender{
	text-align: center;
	margin: 50px 0 100px 0;
}
.detect_gender a:first-child{
	margin-right: 50px;
	padding-right: 50px;
	border-right: 1px solid #eee;
	display: inline-block;
}
.detect_gender a:hover{
	filter: brightness(1.1);
}
.detect_tab2{
	margin: 20px 0;
	color: #5f5f5f;
}
.table.detect_tab2 td, .table.detect_tab2 th{
    padding:10px;
}
.table.detect_tab2 tr td:nth-child(3),.table.detect_tab2 tr td:nth-child(4){
	width: 60px;
}
.table.detect_tab2 tr td:first-child{
	width: 50px;
	text-align: center;
}
.right_txt{
	text-align: right;
}
.detect_recipe > div{
	display: inline-block;
	position: relative;
	width: 47%;
	margin-top: 20px;
	background: #e5e5e5;
}
.detect_recipe > div:nth-child(even){
	margin-left: 4.5%;
}
.recipe_pic2 img{
	width: 100%;
}
.recipe_txt{
	padding: 10px 20px;
}
.recipe_txt h4{
	font-size: 22px;
	color: #0c9e77;
	letter-spacing: 0;
	padding-bottom: 10px;
}
.detect_recipe a.more3{
	width: 30px;
	height: 30px;
	font-size: 25px;
	line-height:26px;
	margin-top: -24px;
}
.detect_right h1 span{
	font-size: 20px;
}
.detect_recipeone{
	width: 90%;
	margin:20px 5%;
}
.detect_recipepic{
	width: 100%;
	height: 250px;
	overflow: hidden;
}
.detect_recipepic img{
	width: 100%;
}
.detect_recipetxt{
	margin: 40px 0;
}
.detect_recipetxt > div{
	position: relative;
	background: #0c9e77;
	width: 180px;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	margin:0 0 20px 35px;
	font-size: 22px;
	font-weight: bold;
}
.detect_recipetxt > div img{
	position: absolute;
	left: -35px;
	top: -12px;
}
.detect_recipetxt > div span{
	position: absolute;
	font-weight: 100;
	font-size: 16px;
	color: #0c9e77;
	width: 150px;
	left: 140px;
}
.detect_recipetxt li{
	margin-left: 35px;
}
.detect_recipetxt li:before {
    content: "▸ "
}
.detect_recipetxt ul.seasoning li{
	display: inline-block;
	width: 26%;
}
.detect_recipetxt p{
	margin: 0 0 0 40px; 
	padding: 0 0 0 22px;
	text-indent: -22px;
}
.cont_bg.product_cont{
	padding: 30px 0 0 0 ;
}
.cont_bg.product_cont h2,.cont_bg.graybg2 h2{
	font-size: 30px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.product_txt{
	text-align: left;
	padding: 30px 50px;
}
.product_left h6{
	font-weight: bold;
	color: #004a98;
	font-size: 24px;
	margin-bottom: 10px;
}
.product_txt p{
	padding: 10px 0;
}
.product_txt > div{
	display: inline-block;
	vertical-align: top;
}
.product_left{
	width: 60%;
}
.product_left h6:not(:first-child){
	margin-top: 50px;
}
.product_right{
	width: 35%;
	margin-left: 4%;
}
.product_right img{
	width:100%;
	margin: 20px 0 30px;
}
.product_txt p b{
	font-weight: bold;
	display: block;
	font-size: 18px;
}
sub { 
    font-size: smaller;
}
/*1223新增*/
.oldspan{font-size: 10px;
	background: linear-gradient(to bottom, #ddd 0%,#fff 50%,#ddd 100%);
	border-radius: 10px;
	vertical-align: super;
	padding: 0 4px;
	margin:0 3px;
	color: #000;
	font-weight: 100;
}
/*.product_left span,.product_left h6 span{
	font-size: 10px;
	background: linear-gradient(to bottom, #ddd 0%,#fff 50%,#ddd 100%);
	border-radius: 10px;
	vertical-align: super;
	padding: 0 4px;
	margin:0 3px;
	color: #000;
	font-weight: 100;
}12/23刪掉*/
.fz12{
	font-size: 12px;
	line-height: 20px;
}
.product_left p.fz12 span{
	vertical-align: middle;
}
/*.product_three{padding-bottom: 100px;}*/
.product_three > div{
	display: inline-block;
	margin-right: 3%;
	width: 30%;
	position: relative;
	border: 1px solid #32b16c;
	background: #32b16c;
	background: linear-gradient(to bottom, #fff 64%,#32b16c 64.1%);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	cursor: pointer;
	margin-bottom:70px;
}
.product_three > div:nth-child(3){
	margin-right: 0;
}
.product_three > div:last-child{
	margin-right: 0;
}
.triangle_pro{
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 70px 0 0;
	border-color: #32b16c transparent transparent transparent;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	top: -6px;
	left: -6px;
}
.triangle_pro span{
	position: absolute;
	top: -55px;
	left: 15px;
}
.product_pic{
	width: 100%;
	text-align: center;
	padding: 20px 0 10px 0;
	font-size: 19px;
	font-weight: bold;
	text-decoration: underline;
	color: #32b16c;
}
.product_pic img{
	width: 180px;
	margin: 20px 0 0 45px;
}
a.more6{
	position: absolute;
	right: -1px;
	top:390px;
	color: #000;
	font-weight: 100;
	font-size: 16px;
	border: 1px solid #32b16c;
	padding: 0 15px;
	text-decoration: none;
}
a.more6:hover{
	background: #32b16c;
	color: #fff;
}
.product_three > div.prod2{
	border: 1px solid #e1bc3e;
	background: #e1bc3e;
	background: linear-gradient(to bottom, #fff 64%,#e1bc3e 64.1%);
}
.product_three > div.prod2 .triangle_pro,.prod2blue .triangle_pro{
	border-color: #e1bc3e transparent transparent transparent;
}
.product_three > div.prod2 .product_pic{
	color: #e1bc3e;
}
.product_three > div.prod2 a.more6{
	border: 1px solid #e1bc3e;
}
.product_three > div.prod2 a.more6:hover{
	background: #e1bc3e;
	color: #fff;
}
.product_three > div.prod3{
	border: 1px solid #004ea1;
	background: #004ea1;
	background: linear-gradient(to bottom, #fff 64%,#004ea1 64.1%);
}
.product_three > div.prod3 .triangle_pro,.prod2green .triangle_pro{
	border-color: #004ea1 transparent transparent transparent;
}
.product_three > div.prod3 .product_pic{
	color: #004ea1;
}
.product_three > div.prod3 a.more6{
	border: 1px solid #004ea1;
}
.product_three > div.prod3 a.more6:hover{
	background: #004ea1;
	color: #fff;
}
/*---20220323---*/
.product_three > div.prod6{
	border: 1px solid #01376B;
	background: #01376B;
	background: linear-gradient(to bottom, #fff 64%,#01376B 64.1%);
}
.product_three > div.prod6 .triangle_pro,.prod2green .triangle_pro{
	border-color: #01376B transparent transparent transparent;
}
.product_three > div.prod6 .product_pic{
	color: #01376B;
}
.product_three > div.prod6 a.more6{
	border: 1px solid #01376B;
}
.product_three > div.prod6 a.more6:hover{
	background: #01376B;
	color: #fff;
}
/*---new0907*/
.product_three > div.prod4{
	border: 1px solid #d1ab56;
	background: #d1ab56;
	background: linear-gradient(to bottom, #fff 64%,#d1ab56 64.1%);
}
.product_three > div.prod4 .triangle_pro,.prod2green .triangle_pro{
	border-color: #d1ab56 transparent transparent transparent;
}
.product_three > div.prod4 .product_pic{
	color: #d1ab56;
}
.product_three > div.prod4 a.more6{
	border: 1px solid #d1ab56;
}
.product_three > div.prod4 a.more6:hover{
	background: #d1ab56;
	color: #fff;
}
.product_three > div.prod5{
	border: 1px solid #f39300;
	background: #f39300;
	background: linear-gradient(to bottom, #fff 64%,#f39300 64.1%);
}
.product_three > div.prod5 .triangle_pro,.prod2green .triangle_pro{
	border-color: #f39300 transparent transparent transparent;
}
.product_three > div.prod5 .product_pic{
	color: #f39300;
}
.product_three > div.prod5 a.more6{
	border: 1px solid #f39300;
}
.product_three > div.prod5 a.more6:hover{
	background: #f39300;
	color: #fff;
}
/*---new0907--end*/
.graybg2{
	background: #dfdfdf;
	margin-top: 50px;
	padding: 30px 0 0 0 ;
}
.prod_blog{
	padding: 40px;
}
.prod_blog > a{
	display: inline-block;
	width: 30%;
	text-align: left;
	vertical-align: top;
	margin-right: 3%;
	color: #000;
	text-decoration: none;
}
.prod_blog > a:last-child{
	margin-right: 0;
}
/*
.prod_blog.bloglist > a:last-child{
	margin-right: 3%;
}
.prod_blog.bloglist > a:nth-child(3n){
	margin-right: 0;
}
*/
.prod_blog > a div img{
	width: 100%;
}
.prod_blog > a div img:hover{
	filter: brightness(1.1);
}
.prod_blog > a div p{
	padding: 10px 0;
}
.graybg2 .butg1{
	padding: 0 0 60px 0;
}
.graybg2 .butg1 a:first-child {
    margin-right: 0;
}
.prod4brown .prod1out{
	border: 3px solid #d1ab56;
}

.prod1out{
	border: 3px solid #e1bc3e;
	border-radius: 8px;
	position: relative;
}
.prod_part1{
	background: linear-gradient(to bottom,transparent 60%,#e1bc3e 42.1%);
	color: #fff;
	padding: 20px 0 0 0;
}
.prod5orange .prod_part1{
	background: linear-gradient(to bottom,transparent 65%,#f39300 42.1%);
}
.prod4brown .prod_part1{
	background: linear-gradient(to bottom,transparent 65%,#d1ab56 42.1%);
}
.prod_part1 > div{
	display: inline-block;
	vertical-align: baseline;
	text-align: left;
}
.prod_part1.p6 > div{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.prod_mainpic img{
	padding-right: 30px;
}
img.prod_cert{
	display: inline-block;
	vertical-align: top;
	margin: -30px 0 0 0px;
}
.prod_part1 > div p{
	font-size: 35px;
	color: #000;
	letter-spacing: 1.5px;
	padding: 0;
}
.prod4brown .prod_part1 > div p{font-size: 30px;}

.buybox{
	background-color:#e1bc3e;
	color: #fff;
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:32px;
}
.buybox img{ width:126px; margin:5px;}
.buybox4{
	background-color:#d1ab56;
	color: #fff;
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:32px;
}
.buybox4 img{ width:126px; margin:5px;}
.buybox5{
	background-color:#f39300;
	color: #fff;
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:32px;
}
.buybox5 img{ width:126px; margin:5px;}
.buybox2{
	background-color:#004ea1;
	color: #fff;
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:32px;
}
.buybox2 img{ width:126px; margin:5px;}
.buybox3{
	background-color:#32b16c;
	color: #fff;
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:32px;
}
.buybox3 img{ width:126px; margin:5px;}
.btall{ min-height:110px; padding-bottom:28px;}
.bt{ width:224px; height:auto; margin:15px; display:inline-block;}
.bt img{  width:224px; }
.prod_part1.p6 > div p span{
	color: #00568b; font-weight:bold;
}
.prod_part1 > div p span{
	color: #e1bc3e;
}
.prod4brown .prod_part1 > div p span{
	color: #d1ab56;
}
.prod_part1 > div h2{
	font-size: 36px;
	letter-spacing: 0px;
	padding: 25px 0 20px 0;
}
.prod_part1.p6 > div h2{
	font-size: 36px;
	letter-spacing: 0px;
	padding: 25px 0 20px 0;
	margin-left: -50px;
}
.prod_part1.p6 > div h2{
	font-size: 36px;
	letter-spacing: 0px;
	padding: 25px 0 20px 0;
	margin-left: -50px;
}

.prod_part1 > div h3{
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding:10px 0;
	margin-top:20px;
}
.prod_part1.p6 > div h3{
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	padding:10px 0;
	margin-top:50px;
	/*margin-left:-50px;*/
}

.prod_part1 > div > h3 div{
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	padding: 10px 0;
}

.prod1txt .product_left{
	width:calc(100% - 380px);
}
.prod1txt .product_left h6{
	margin: 30px 0 0 0 ;
	color: #e1bc3e;
}

.product_txt .product_left p{
	padding: 5px 0 15px 0;
}
.prod1txt .product_right{
	width: 300px;
	margin-left: 70px;
}
.prod1txt .product_left h6 b{
	color: #fff;
	font-size: 14px;
	background: #e1bc3e;
	padding: 2px 3px 2px 4px;
	border-radius: 22px;
	margin-right: 5px;
	vertical-align: middle;
}
.warn2 span{
	font-size: 16px;
	background: linear-gradient(to bottom, #ddd 0%,#fff 50%,#ddd 100%);
	border-radius: 10px;
	padding: 0 4px;
	margin-right: 5px;
	color: #000;
	font-weight: 100;
	vertical-align:baseline;
}
.prod1out.prod2blue {
	border: 3px solid #004ea1;
}
.prod1out.prod6blue {
	border: 3px solid #1b6c97;
}
.prod1out.prod6blue2 {
	border: 3px solid #00608a;
}
.prod1out.prod5orange {
	border: 3px solid #f39300;
}
.prod1out.prod4brown {
	border: 3px solid #d1ab56;
}

.prod2blue .prod_part1{
	background: linear-gradient(to bottom,transparent 62%,#004ea1 62.1%);
}
.prod2blue .prod_part1 > div p,.prod2green .prod_part1 > div p{
	font-size: 25px;
	letter-spacing: 0;
}
.prod2blue .prod_part1 > div p span{
	color: #810072;
}
.prod5orange .prod_part1 > div p span{
	color: #f39300;
}
.prod4brown .prod_part1 > div p span{
	color: #d1ab56;
}
.prod2blue .prod1txt .product_left h6{
	color: #1e78d8;
}
.prod2blue .prod1txt .product_left h6 b{
	background: #1e78d8;
}
.prod5orange .prod1txt .product_left h6{
	color: #f39300;
}
.prod5orange .prod1txt .product_left h6 b{
	background: #f39300;
}
.prod4brown .prod1txt .product_left h6{
	color: #d1ab56;
}
.prod4brown .prod1txt .product_left h6 b{
	background: #d1ab56;
}
.prod2blue img.prod_cert,.prod2green img.prod_cert{
	margin: -17px 0 0 0px;
}
.prod1out.prod2green {
	border: 3px solid #32b16c;
}

.prod2green .prod_part1{
	background: linear-gradient(to bottom,transparent 58%,#32b16c 50.1%);
}
.prod2green .prod_part1 > div p span{
	color: #ce163d
}
.prod2green .prod1txt .product_left h6{
	color: #32b16c;
}
.prod2green .prod1txt .product_left h6 b{
	background: #32b16c;
}
/*------------detect self-------------*/
.selfp1{
	margin-top: 30px;
}
.selfp1 img{
	vertical-align:middle;
	display: inline-block;
}
.sp1txt{
	display: inline-block;
	vertical-align:middle;
	width: calc(100% - 310px);
	color: #0c9e77;
	font-size: 18px;
	line-height: 35px;
	margin: 20px 0 20px 10px;
}
.sp1txt .butg1{
	padding: 20px 0; 
}
.sp1txt .butg1 a{
	margin: 0;
}
.selfbutall a{
	color: #fff;
	display: inline-block;
	padding: 8px 20px 5px 20px;
	text-decoration: none;
	line-height: 25px;
	border-right: 1px solid #fff;
	color: #fff;
	background: linear-gradient(to bottom, #32ad8c 0%,#1d9877 50%,#0c8666 100%);
}
.selfbutall a:first-child{
	border-radius: 15px 0 0 15px;
	margin: 0;
}
.selfbutall a:last-child{
	border-radius: 0 15px 15px 0;
	border-right:none;
}
.selfbutall a span{
	font-size: 20px;
	font-weight: bold;
}
.selfbutall a:hover{
	color: #ffff00;
	background: linear-gradient(to bottom, #a9d8c8 0%,#1d9877 100%);
	text-shadow: 0 1px 3px #0c8666;
}
.selfbutall a.active{
	color: #fff;
	background: linear-gradient(to bottom, #fc8fa6 0%,#db5873 100%);
	margin: 0;
}
.selfbutall a.active:hover{
	color: #fff;
	text-shadow:none;
}
.selfp2 h2{
	margin: 30px auto 15px auto;
	width: 88%;
}
.selfp2 h2 span{
	font-size: 40px;
	font-weight: 100;
	font-style: italic;
}
.sp2txt{
	text-align: center;
	margin:0 auto 30px auto;
	vertical-align: middle;
	line-height: 25px;
	width: 88%;
}
.selfmove{
	text-align: center;
}
.selfmove img{
	vertical-align: middle;
}
.selfmove span{
	position: relative;
	color: #0c9e77;
	border-radius: 30px;
	padding: 10px 40px;
	border: 2px solid #0c9e77;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 50px;
}
.selfmove span i{
	width:0px;
	height:0px;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent transparent #fff;
	position:absolute;
	right: -17px;
	top: 15px;
}
.selfmove span b{
	width:0px;
	height:0px;
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent transparent #0c9e77;
	position:absolute;
	right: -20px;
	top: 15px;
}
.sp3txt h6{
	font-size: 20px;
	font-weight: bold;
	background: #0c9e77;
	color: #fff;
	padding: 2px 20px 2px 20px;
	width: auto;
	display: table;
	margin: 30px 0 10px -20px;
}
.sp3txt{
	padding-left: 20px;
}
.newaction{ position:fixed; bottom:5px; right:5px; z-index:999;}
.newaction img{ width:100%;}
.newword1104{ font-size:20px;}
.newword1223{ font-size:20px; font-weight:800;list-style: circle; padding:10px 0;}
.newword1223 li{font-weight:500; margin-left: 35px;}
.bigt{ font-weight:600;font-size:22px;}
.newsw1104{ font-size:12px; color:#666;}

.bt a{
	display:block;
}
.newaction a{
	display:block;
}
.stitle0907{ font-size:28px;}
.fontbigw0917{ font-weight:800;}
/*-----------------------1013new--------------------*/
.newQ{ font-size:20px; color:#FFF; background-color:#818181; width:45px; height:45px; border-radius:45px; line-height:45px; margin:0 auto;}
.newTabletr1{ width:11%;text-align:center;}
.newTabletr2{ width:40%;text-align:justify;}
.newTabletr2b{ width:40%;text-align:center;}
.newTabletr3{ width:20%;text-align:center; }
.analysis1{width:28%;text-align:center; border-right:2px solid #d4edf4; border-bottom:10px solid #d4edf4;}
.analysis2{width:60%;text-align:left; border-bottom:10px solid #d4edf4;}
.analysis2 ul li{ list-style-type: disc; margin-left:7%; }
.newTabletr1 ,.newTabletr2 ,.newTabletr2b ,.newTabletr3 ,.analysis1 ,.analysis2{height:80px;vertical-align: middle; font-size:19px; font-family:微軟正黑體; font-weight:600; color:#414042; padding:1%; border-top:3px solid #d4edf4;
line-height:28px;}
.newTbg1{background-color:#FFF;padding:2%;}
.newTbg2{background-color:#f5f7f8;padding:2%;}
.newTbg3{background-color:#FFF; padding:3%;}
.Qredw{ color:#ff6000; font-size:25px; font-family:Arial, Helvetica, sans-serif;font-weight:600;}
.testshareBT{color:#ff6000; font-size:19px; font-family:微軟正黑體;font-weight:600; background-color:#FFF;  border-radius:70em; border:3px solid #bad5dd; line-height:50px; text-align:center; margin:0 1% 20px 3%; float:left;cursor:pointer; width:29%}
.testshareBT:hover{ background-color:#f0f0f0;border:3px solid #86acb8;}
.newh1{font-size:30px; font-family:微軟正黑體; font-weight:600; color:#414042; width:auto; padding:40px; text-align:center; line-height:40px;}
.newWG{ color:#21bc74;}
.bigW{ font-size:27px;letter-spacing:2px;}
.wincolor{ color:#414042;}
.btall{ margin:0 auto;}
.referencenew{ color:#8299a0; font-size:10px; font-family: Arial, Helvetica, sans-serif;text-align:center; padding:30px; line-height:20px;}
.picnew{ width:100%; height:auto;}
.picnew img{ width:100%;}
#AnswerA,#AnswerB,#AnswerC{ display:none;}
.newtestTable, th, td{ border:0;}
.alltest{width: 100%; padding: 1%;background-color: #d4edf4; margin-top:-10px;}
.goOldBT{ width:95%; background:linear-gradient(to bottom, #32ad8c 0%,#1d9877 50%,#0c8666 100%);color:#fff; font-size:19px; font-family:微軟正黑體;font-weight:600;border-radius:.5em; line-height:50px; text-align:center; margin:0  auto; cursor:pointer; margin-bottom: 40px; margin-top:10px;}
.goOldBT:hover{text-decoration:none; background:linear-gradient(to bottom, #48d7b1 0%,#28ae8a 50%,#0e9672 100%);}
a:hover{ text-decoration:none;}
.greenWord{ color: #01936e; font-size:25px; font-family:微軟正黑體; font-weight:600;text-align:center;line-height:28px; }
/*-----------------------0323new--------------------*/
.prod6blue .prod_part1{
	background: linear-gradient(to bottom,transparent 62%,#1b6c97 62.1%);
}
.prod6blue2 .prod_part1{
	background: linear-gradient(to bottom,transparent 62%,#00608a 62.1%);
}
.prod6blue .prod_part1 > div p,.prod2green .prod_part1 > div p{
	font-size: 25px;
	letter-spacing: 0;
	/*margin-left:-50px;
	margin-top:80px;*/
}
.prod6blue2 .prod_part1 > div p,.prod2green .prod_part1 > div p{
	font-size: 25px;
	letter-spacing: 0;
	color:#FC0;
	/*margin-left:-50px;
	margin-top:80px;*/
}
.prod6blue .prod1txt .product_left h6{
	color:#0B85C0;
}
.prod6blue2 .prod1txt .product_left h6{
	color:#0B85C0;
}
.prod6blue .prod1txt .product_left h6 b{
	background:#0B85C0;
}
.prod6blue2 .prod1txt .product_left h6 b{
	background:#0B85C0;
}
.prod6blue img.prod_cert,.prod2green img.prod_cert{
	margin: -17px 0 0 0px;
}
.prod6blue2 img.prod_cert,.prod2green img.prod_cert{
	margin: -17px 0 0 0px;
}
.elementnew{ padding:10px 0 0 10px;}
.bg06a{
	background: url(../images/product_bg6.jpg) center;
	background-size: cover;
}
.pic06_s img{ display:none;}
.farnew{ margin-top:60px;}
/*---------20220922_產品選單框------------------*/
.product_three > div.prod7{
	border: 1px solid #9e1a83;
	background: #9e1a83;
	background: linear-gradient(to bottom, #fff 64%,#9e1a83 64.1%);
}
.product_three > div.prod7 .triangle_pro,.prod2green .triangle_pro{
	border-color: #9e1a83 transparent transparent transparent;
}
.product_three > div.prod7 .product_pic{
	color: #9e1a83;
}
.product_three > div.prod7 a.more6{
	border: 1px solid #9e1a83;
}
.product_three > div.prod7 a.more6:hover{
	background: #9e1a83;
	color: #fff;
}
/*---------0922_選單------------------*/
.pagemenu{ 
	width: 100%;
    color: #9a9a9a;
    font-size: 20px;
    font-weight: 700;
    font-family: 微軟正黑體;
    height: auto;
    text-align: center;
    list-style-type: none;
	position: relative;
	padding:40px;
	background-color: #FFF;
}
.openbt,.closebt{
	width: 33%;
    float: left;
    list-style-type: none;
    padding: 28px 0;
	border-top:1px solid #c9c6c5;
	border-bottom:1px solid #c9c6c5;
	border-left:1px solid #c9c6c5;
}
.openbt{border-bottom:4px solid #0c9e77; color:#0c9e77; background-color:#FFF;}
.closebt{cursor: pointer; background-color:#f4f4f4;}
.fontright{border-right:.5px solid #c9c6c5;cursor: pointer; }
#font2,#font3{display:none;}
/*-------------0922_產品頁面------------------------------------*/
.bg08a{
	background: url(../images/product_bg8.jpg) center;
	background-size: cover;
}
.product7_bg{
	background: url(../images/pic7_bg.png);
	min-height:2000px;
	padding: 25px 50px;
	text-align: center;
	background-repeat: no-repeat;
	background-color: #d49bc6;
}
.purplebox{
	width:775px; height:60px;
	background-color:#981d81;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#FFF;
	font-size:30px;
	font-weight: 800;
    text-align: center;
    line-height: 60px;
    margin: 0 auto;
	margin-top: -10px;
}
.whitebox{
	width:775px; min-height:200px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	background-color: #FFF;
    margin: 0 auto;
	margin-bottom: 60px;
	padding:30px 0;
}
.chartlet7pic{ width:30%; float:left;}
.chartlet7word{ width:60%; color:#000; font-size:19px; font-weight:800;float:left;margin-top: 30px;text-align:justify;}
.womanwordpic_s{ display:none;}
/*------20220922_產品頁_產品共用框---------------*/
.prod1out.prod7purple {border: 3px solid #981d81;}
.prod7purple .prod_part1{background: linear-gradient(to bottom,transparent 62%,#981d81 62.1%);}
.prod7purple .prod_part1 > div p,.prod2green .prod_part1 > div p{font-size: 25px;letter-spacing: 0;}
.prod7purple .prod1txt .product_left h6{color:#0B85C0;}
.prod7purple .prod1txt .product_left h6 b{background:#0B85C0;}
.prod7purple img.prod_cert,.prod2green img.prod_cert{margin: -17px 0 0 0px;}
.boxproduct7_s{ display:none;}
.boxproduct7 img{ width:100%;}
/*20220922-header選單*/
.menuprod{ 
	width:120px; height:205px; float:left;
	padding-top:20px; margin:0 auto; position:relative;
	font-family:微軟正黑體, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF; font-weight:600; letter-spacing:0;
	text-align:center;text-shadow: 0.1em 0.1em 0.5em #18685e;
}
.menuprod img{ padding-top:10px;}
.menuprod a:link{text-decoration:none; color:#FFF;}
.menuprod a:visited{text-decoration:none; color:#FFF;}
.menuprod a:hover{text-decoration:none; color:#FFF; font-size:20px;}
.dropdown-content.menuboxA{ width:940px; margin-left:-580px;
	background-image:url(../images/menu_background_green.jpg);
	background-repeat:repeat-y;
	min-height:225px; 
	margin:0 auto;padding: 0 50px;
    background-position: center;
}
/*--20221028_product1_2改高度---*/
.newhightGold .prod_part1{background: linear-gradient(to bottom,transparent 55%,#e1bc3e 42.1%);}
/*--20230809_隱私權政策---*/
.newprivacy.newpoint{list-style-type:decimal;}
.mright{ margin-right:60px;}