@charset "utf-8";
@media screen and (max-width:790px){
	 .form_left{ clear:both; width:100%;}
 .form_right{ clear:both; width:100%;}
 .InputOne2{width:95.5%;}
 .qrcode{    margin: 5px 0; margin-right:10px;}
  }
@media screen and (max-width:1008px){
	.width894{width:100%}
	.width877{width:90%}
	.medcine dt{ width:85%;  }
	.about6{ float:none; width:449px;margin:0 auto; }
.b5_contain{float:none;width:90%;margin:0 auto; padding-top:15px; }
body{ overflow-x:hidden}

	}
@media screen and (max-width:1111px){
.about1{ float:none; width:461px;margin:0 auto;}
.b1_contain{float:none;width:90%;margin:0 auto; padding-top:0; }
.about4{ float:none; width:492px;margin:0 auto; }
.b4_contain{float:none;width:90%;margin:0 auto; padding-top:15px; }
#b4{ padding:0;}
	}  

@media screen and (max-width:492px){
	.about4{  width:100%; }
	.about4 img{  width:100%; }
	}
@media screen and (max-width:461px){
	.about1{ width:100%;}
	.about1 img{ width:100%;}
	}
@media screen and (max-width:454px){.about4{ width:100%;}
	.about4 img{ width:100%;}}
@media screen and (max-width:1028px){
.about3{ float:none;width:563px; margin:0 auto;  }
.about3 img{ width:100%}	
.b3_contain{float:none;width:90%;margin:0 auto; padding-top:0;}
	}
@media screen and (max-width:563px){
	.about3{ width:100%;}
	.about3 img{ width:100%;}
	}
@media screen and (max-width:873px){.about2{ width:100%; width:0 auto;  }.about2 img{ width:100%}}
@media screen and (max-width:839px){.medcine dt{ width:82%;  }}
@media screen and (max-width:650px){
 .medcine{ width:100%;}
 .medcine_space{ display:none;}
 .medcine dt{ width:89%;  }
}
 @media screen and (max-width:700px){
 .pro_list{ float:none;width:100%; text-align:center; display:block; margin-top:15px; padding:0;}
 .pro_list2{ float:none;width:100%; text-align:center; display:block; margin-top:15px;padding:0;}
  .pro_list3{ float:none; padding:0;}
  .valid{ padding:3px; } }
@media screen and (max-width:495px){.medcine dt{ width:85%;  }}
@media screen and (max-width:449px){.about6{ width:100%;}
	.about6 img{ width:100%;}}
@media screen and (max-width:461px){.about1{ float:none; width:100%;margin:0 auto; text-align:center;}
.about1 img{width:100%;}
	}
@media screen and (max-width:405px){.medcine dt{ width:82%;  }.valid.valid2{ margin-left:0; margin-top:10px; float:left; margin-left:34.5%}}
 @media screen and (max-width:1024px){
.width877{ width:90%;}
.langu1024{ display:BLOCK;}	

.header-wrap nav .langu{ display:none;} 
header{position:fixed; top:0; }
.banner{ margin-top:63px;}
.header-wrap {  width:100%; }
.menu{ background:url(../images/menu.jpg) repeat-x 0 0;  width:100%; height:63px}
.header-wrap nav a#active{ height:50px;}
#Submenu0,#Submenu1{ display:none;}
.footer_txt{ clear:both;float:none; width:100%; margin-top:0; text-align:center;}
.header-wrap h1 { margin-left:3%;}
#mobile-nav-btn {display:block;width:50px;height:50px;overflow:hidden;text-align:center;color:#FFF;line-height:50px;position:absolute;right:4%;top:10px;cursor:pointer}
.header-wrap nav a span:after {width:100%; padding:0;}
#mobile-nav-btn span {display:block;width:30px;height:3px;position:absolute;background-color:#bbb;left:50%;margin-left:-15px;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
#mobile-nav-btn span:nth-of-type(1) {top:15px}
#mobile-nav-btn span:nth-of-type(2) {top:23px}
#mobile-nav-btn span:nth-of-type(3) {top:31px}
#mobile-nav-btn.close span:nth-of-type(1) {top:23px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#mobile-nav-btn.close span:nth-of-type(2) {top:23px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}
#mobile-nav-btn.close span:nth-of-type(3) {top:23px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.header-wrap nav {display:none;width:100%;float:none;height:auto;margin:0;position:absolute;left:0;top:63px;background:rgba(255,255,255,0.95);z-index:1; }
.header-wrap nav a {height:60px;width:100%;margin:0;text-align:center;border-bottom:1px solid #EEE}
.header-wrap nav a span:first-child {font-size:18px;line-height:60px}
.header-wrap nav a span:first-child+span {display:none}
#slide {height:360px}
#dot {top:360px}
.header-wrap nav a.nav-about {display:block}
.normal-wrap {width:92%;margin-left:4%}
.index-intro {padding:30px 0}
.index-adopt {background-color:#999;width:100%;height:auto;overflow:hidden;background:url(../img/layout/index-adpot.png) no-repeat center top #4F4F4F}
.index-adopt h2 {display:block;width:100%;height:150px;background:url(../img/layout/index-adopt.png) no-repeat center center;margin:0;text-indent:-9999px}
#item-wrap {width:100%;margin:0 auto}
#item-wrap a {background-size:100% auto;width:20%;margin:0;height:320px}
#item-wrap a:nth-child(5) {display:block}
#item-wrap a:nth-of-type(4n) {margin:0}
#item-wrap a:nth-of-type(2n+1) {margin:0}
#item-wrap a:nth-of-type(3n) {width:20%}
#item-wrap a .thumbnail {position:static;height:240px}
#item-wrap a .thumbnail img {width:100%;height:auto;position:static}
#item-wrap a h3 {font-size:18px;line-height:26px;margin:10px 0 3px;text-align:center}
#item-wrap a span {font-size:15px;text-align:center}
#content-wrap {width:100%}
#content-wrap article {padding:15px 5%;width:65%;margin:1px 0;line-height:1.7em;font-size:18px}
#sidebar {width:25%;margin:30px 0}
.sidebar-ul {width:80%;margin:0 0 50px 10%}
.sidebar-ul li span:first-child {font-size:14px;color:#969696}
.sidebar-ul li span:first-child+span {font-size:18px;color:#000}
.sidebar-ul li:first-child {font-size:21px}
#animal-info li span:first-child+span {font-size:18px;color:#000}
#content.blog-overview #blog-sidebar {width:25%;margin:1px 0 30px}
#blog-sidebar {width:25%;margin:1px 0 30px;float:left}
#blog-sidebar ul {width:80%;margin:10px 0 50px 10%}
#index-news {width:88%;float:none;margin:10px auto}
#index-blog {width:88%;float:none;margin:10px auto}
.fbbox {width:88%}
#footer-wrap {width:100%}
#footer-left {width:88%;float:none;margin:0 auto}
#footer-right {display:none}
.sidebar-ul li.btn-adpot a {font-size:20px;height:50px;line-height:50px;padding:0}
.width965{ width:100%;}
.map{ width:90%;}
.map858{width:90%;}
}
@media screen and (max-width:810px) {.width965.mar{margin-top:40px}.contact_img{ display:none;}}
@media screen and (max-width:912px) {
	.header-wrap2{ width:100%;  margin:0;padding-bottom:60px;}
 .flip-container, .front, .back{ clear:both; margin: 15px; float: inherit; display:block; 
    width: 254px; height: 254px;
    margin:10px auto;margin-bottom: 20px;margin-top: 30px }
.flipper{width: 254px;
    margin: 20px auto;  }
 .flip-container2, .flip-container2 .front, .flip-container2 .back{ clear:both; float:inherit; display:block;width:340px; margin:20px auto;margin-top:30px }
 .flip2{ text-align:justify;}
  .flip3{ display:inherit;width: 254px;
    margin: 20px auto;}
	.width568{ width:100%;  width: 254px;
    margin: 20px auto;}
 }
@media screen and (max-width:720px) {  
.banner{   
width: 100%;height:auto;
padding-bottom: 100%;
    background: url(../images/banner_mobile.jpg) no-repeat center top;
    background-size: 100%;}
}
@media screen and (min-width:750px) and (max-width:980px) {
#banner {width:100%;height:150px}
.index-intro a {width:25%;height:auto}
.index-intro a p {display:block}
#item-wrap {width:100%;margin:0 auto}
#item-wrap a {background-size:100% auto;width:33.3%;margin:0;height:320px}
#item-wrap a:nth-child(5) {display:block}
#item-wrap a:nth-of-type(4n) {margin:0}
#item-wrap a:nth-of-type(2n+1) {margin:0}
#item-wrap a:nth-of-type(3n) {width:33.4%}
#item-wrap a .thumbnail {position:static;height:240px}
#item-wrap a .thumbnail img {width:100%;height:auto;position:static}
#item-wrap a h3 {font-size:18px;line-height:26px;margin:10px 0 3px;text-align:center}
#item-wrap a span {font-size:15px;text-align:center}
#filter.tag-switch {display:block;margin:0;width:100%;background-color:#ddd;width:100%;height:40px;line-height:40px}
#filter.tag-switch a:hover {font-size:15px}
#filter.tag-switch a.current {font-size:15px}
#sidebar {width:100%;margin:30px 0}
.sidebar-ul {width:88%;margin:0 0 50px 6%}
.sidebar-ul li {overflow:hidden;min-height:30px}
.sidebar-ul li span:first-child {font-size:15px;width:20%;float:left;line-height:30px;min-height:30px}
.sidebar-ul li span:first-child+span {font-size:18px;width:80%;float:left;line-height:30px;min-height:30px}
#blog-sidebar h2 {height:260px;background-position:left center}
#blog-sidebar.about h2 {height:260px;background-position:left center}
#blog-sidebar.news h2 {height:260px;background-position:left center}
#content.blog-overview #blog-sidebar {width:100%;margin:0}
#blog-sidebar {width:100%;margin:0;float:left}
#blog-sidebar ul {width:100%;margin:0;height:40px}
#blog-sidebar ul li {float:left;width:auto;margin:0 5px;padding:0 15px}
#container {width:720px;margin:0 auto;float:none}
#team-tuapa {color:#FFF}
#team-tuapa .left {width:100%;margin:10px 0 30px;font-size:16px;line-height:1.6em;float:left}
#team-tuapa .left h3 {font-size:26px;line-height:2em;margin-bottom:10px}
#team-tuapa .left p {padding:0;border-left:none}
#team-tuapa .left a {width:100%}
#team-tuapa .right {width:100%;margin:10px 0 30px}
#team-tuapa .right img {margin:0 auto;display:block;width:70%;height:auto}
#events-apply {width:100%;background-color:#42936F}
#content-wrap article {border:1px solid #eee;padding:20px 6%;width:88%;line-height:1.6em;font-size:21px;background-color:#fff;margin-top:0}
}
@media screen and (max-width:749px) {
.medicine{ background-size:100%; width:220PX;    bottom: -5px;}
#slide {height:220px}
.powder{  margin-top:-90px; position:relative; }

#dot {top:240px}
#filter.tag-switch {display:block}
.header-wrap nav a {height:50px}
.header-wrap nav a span:first-child {font-size:16px;line-height:50px}
#content.adpot {background-size:auto 150px}
#content.find {background-size:auto 150px}
#content.news {background-size:auto 150px}
#content.donation {background-size:auto 150px}
#content.volunteers {background-size:auto 150px}
#content.adpot h2 {width:100%;height:100%;background:url(../img/layout/bm-adopt.png) no-repeat center center;background-size:auto 100%}
#content.find h2 {width:100%;height:100%;background:url(../img/layout/bm-find.png) no-repeat center center;background-size:auto 100%}
#content.news h2 {width:100%;height:100%;background:url(../img/layout/bm-news.png) no-repeat center center;background-size:auto 100%}
#content.donation h2 {width:100%;height:100%;background:url(../img/layout/bm-donation.png) no-repeat center center;background-size:auto 100%}
#content.volunteers h2 {width:100%;height:100%;background:url(../img/layout/bm-volunteers.png) no-repeat center center;background-size:auto 100%}
#content.donation-bg {background:url(../img/donation/banner-donation.png) no-repeat center top}
#content.donation-bg #form-wrap.normal-wrap h2 {width:100%;height:150px;background:url(../img/layout/bm-donation.png) no-repeat center center;background-size:auto 120px}
#content.bg-volunteers #form-wrap.normal-wrap h2 {width:100%;height:150px;background:url(../img/layout/bm-volunteers.png) no-repeat center center;background-size:auto 120px}
#content.adpot-bg #form-wrap.normal-wrap h2 {width:100%;height:150px;background:url(../img/layout/bm-adopt.png) no-repeat left center;background-size:auto 120px}
#filter {background-color:#ddd;width:100%;height:40px;line-height:40px}
#filter a:hover {font-size:15px}
#filter a.current {font-size:15px}
#item-wrap {width:100%;margin:0 auto}
#item-wrap a {background-size:100% auto;width:50%;margin:0;height:280px}
#item-wrap a:nth-child(5) {display:block}
#item-wrap a:nth-of-type(4n) {margin:0}
#item-wrap a:nth-of-type(2n+1) {margin:0}
#item-wrap a:nth-of-type(3n) {width:50%}
#item-wrap a .thumbnail {position:static;height:190px}
#item-wrap a .thumbnail img {width:100%;height:auto;position:static}
#item-wrap a h3 {font-size:18px;line-height:26px;margin:10px 0 3px;text-align:center}
#item-wrap a span {font-size:15px;text-align:center}
#container {width:100%}
#container a {display:block;width:100%;height:auto;margin:0 0 1px}
#container a img {display:block;width:25%;height:auto;float:left}
#container a h3 {display:block;width:65%;margin:0 5% 0 0;font-size:16px;font-weight:700;line-height:1.5em;float:right;background-color:#fff}
#container a span {display:block;width:65%;margin:10px 5% 0 0;color:#999;font-size:12px;float:right;background-color:#fff}
#container a p {display:block;width:65%;margin:0 5% 10px 0;font-size:14px;line-height:1.6em;float:right;background-color:#fff}
#container a:hover {background-color:#fff}
#container a:hover h3,#container a:hover p,#container a:hover span {color:#000}
.normal-wrap {width:100%;margin-left:0}
#content.news .normal-wrap {margin-bottom:0}
#content.news .normal-wrap ul {background-color:#fff;padding:10px 0;border-bottom:1px solid #EBEBEB}
#content.news .normal-wrap ul.title {display:none}
#content.news .normal-wrap ul li:first-child {width:70px;height:24px;line-height:25px;text-align:center;margin:0 0 0 5%;padding:0 5px;font-size:15px;color:#fff;border:1px solid #F9A509;border-radius:5px;background-color:#F9A509}
#content.news .normal-wrap ul li:first-child span.remark {display:block;font-size:13px;color:#666;font-weight:400;padding:0;line-height:16px;margin:0;width:80%}
#content.news .normal-wrap ul li:first-child+li {width:50%;height:26px;line-height:26px;margin:0 0 0 15px;color:#999;padding:0;font-size:14px}
#content.news .normal-wrap ul li:first-child+li+li {width:90%;margin:5px 0 0 5%;padding:0;font-size:16px;line-height:1.5em;font-weight:700}
#content.news .normal-wrap ul li:first-child+li+li a {color:#000;display:block;width:100%;overflow:hidden}
#blog-sidebar {display:none}
#sidebar {width:100%;margin:30px 0}
.sidebar-ul {width:90%;margin:0 0 50px 5%}
.sidebar-ul li span:first-child {font-size:14px;color:#969696}
.sidebar-ul li span:first-child+span {font-size:18px;color:#000}
.sidebar-ul li:first-child {font-size:21px}
#animal-info li span:first-child+span {font-size:18px;color:#000}
#content-wrap {width:100%;padding:0;margin:0}
#content-wrap article {border:1px solid #eee;padding:20px 5%;width:90%;line-height:1.5em;font-size:21px;background-color:#fff;margin-top:0}
#content-wrap article img {display:block;width:100%;height:auto}
#content.donation .normal-wrap {background-color:#FFF}
#banner {width:100%;height:120px}
#content.donation #banner {height:120px}
#content.news #banner {height:120px}
#content.donation h3 {font-size:24px;margin-left:5%}
#content.donation .normal-wrap ul.title {display:none}
#content.donation .normal-wrap ul {position:relative;width:90%;margin-left:5%;padding:10px 0}
#content.donation .normal-wrap ul li:first-child {width:75%;font-size:18px}
#content.donation .normal-wrap ul li:first-child+li {width:100%;line-height:1.5em;padding:0;margin:0;overflow:hidden;height:auto;font-size:16px}
#content.donation .normal-wrap ul li:first-child+li::before {content:"手續費:";color:#999}
#content.donation .normal-wrap ul li:first-child+li+li {width:100%;margin-right:0;font-size:16px}
#content.donation .normal-wrap ul li:first-child+li+li+li {width:40%;position:absolute;right:0;top:10px}
#content.donation #donation-tradition.normal-wrap ul li:first-child {width:75%;font-size:18px}
#content.donation #donation-tradition.normal-wrap ul li:first-child+li {width:100%;padding:0;margin:0}
#content.donation #donation-tradition.normal-wrap ul li:first-child+li+li {width:100%;margin-right:0}
#content.donation #donation-map.normal-wrap ul li {line-height:1.2em}
#content.donation #donation-map.normal-wrap ul li:first-child {width:75%;font-size:18px}
#content.donation #donation-map.normal-wrap ul li:first-child+li {width:100%;padding:0;margin:0}
#content.donation #donation-map.normal-wrap ul li:first-child+li::before {content:"電話:";color:#999}
#content.donation #donation-map.normal-wrap ul li:first-child+li+li {width:100%;margin-right:0}
#team-tuapa {color:#FFF}
#team-tuapa .left {width:90%;margin:10px 0 30px 5%;font-size:16px;line-height:1.6em;float:left}
#team-tuapa .left h3 {font-size:26px;line-height:2em;margin-bottom:10px}
#team-tuapa .left p {padding:0;border-left:none}
#team-tuapa .left a {width:100%}
#team-tuapa .right {width:90%;margin:10px 0 30px 5%}
#team-tuapa .right img {margin:0 auto;display:block;width:100%;height:auto}
#events-apply {width:100%;background-color:#42936F}
#content.volunteers .normal-wrap .groups-wrap ul {width:90%;margin-left:5%;padding:15px 0}
#content.volunteers .normal-wrap .groups-wrap ul.title {display:none}
#content.volunteers .normal-wrap .groups-wrap ul li {display:block;float:left;line-height:1.6em;font-size:16px;padding:5px 0}
#content.volunteers .normal-wrap .groups-wrap ul li strong {border-bottom:1px solid #000;font-weight:700}
#content.volunteers .normal-wrap .groups-wrap ul li:first-child {width:100%;margin:0;font-size:18px}
#content.volunteers .normal-wrap .groups-wrap ul li:first-child span.remark {display:block;font-size:13px;color:#666;font-weight:400;padding:0;line-height:16px;margin:0;width:80%}
#content.volunteers .normal-wrap .groups-wrap ul li:first-child+li {width:100%;margin:0}
#content.volunteers .normal-wrap .groups-wrap ul li:first-child+li+li::before {content:"服務內容:";display:block;font-weight:700}
#content.volunteers .normal-wrap .groups-wrap ul li:first-child+li+li {width:100%;margin:0}
#content.volunteers .normal-wrap .groups-wrap ul li:first-child+li+li a {display:block;width:90%;height:30px;border-radius:15px;background-color:#FFF;text-align:center;color:#61B891;margin:0;line-height:30px;overflow:hidden;float:right;margin-top:0}
#content.volunteers .normal-wrap .groups-wrap ul li:first-child+li+li a:hover {background-color:#3F8B69;color:#FFF;border-color:#3F8B69}
#events-apply h3 {font-size:24px;margin:20px 0 10px 5%}
#content.volunteers #events-apply .normal-wrap ul.title {display:none}
#content.volunteers #events-apply .normal-wrap ul {position:relative;width:90%;margin-left:5%;padding:10px 0}
#content.volunteers #events-apply .normal-wrap ul li:first-child {width:75%;font-size:16px}
#content.volunteers #events-apply .normal-wrap ul li:first-child span.remark {display:block;font-size:13px;color:#666;font-weight:400;padding:0;line-height:16px;margin:0;width:80%}
#content.volunteers #events-apply .normal-wrap ul li:first-child+li {width:100%;margin-right:0}
#content.volunteers #events-apply .normal-wrap ul li:first-child+li+li {width:40%;position:absolute;right:0;top:10px}
#tag_menu {width:100%;line-height:30px;height:30px}
#tag_menu li {height:30px}
#tag_menu li a {line-height:30px;padding:0 8px;font-size:14px}
#tag_menu li:first-child {margin:0 0 0 5px}
#tag_menu li.current {font-size:14px;border-radius:5px 5px 0 0;font-weight:400}
#tag_menu li.current a {line-height:40px;font-size:14px}
.tag_menu_wrap {background-color:#fff}
#content.volunteers .tag_menu_wrap {background-color:#4FB085}
#form-wrap h2 {display:block;width:360px;height:260px;float:left;text-indent:-9999px;overflow:hidden}
#form-wrap .normal-wrap {overflow:hidden}
#form {width:100%;padding:0 0 20px;margin:120px 0 50px}
#form #header {padding:10px 5%;margin-bottom:15px}
#content.find-bg #form-wrap.normal-wrap #form #header {padding:10px 5%;width:90%;margin-bottom:0}
#content.donation-bg #form-wrap.normal-wrap #form #header {padding:10px 5%;width:90%;margin-bottom:0}
#form #header h3 {font-size:21px;line-height:40px;width:70%}
#form #header a {width:36px;height:36px;background:url(../img/layout/form-back.png) no-repeat -2px center;border-radius:20px;border:2px solid #FFF}
#form #header a:hover {background-position:-2px center}
#form ul {width:100%}
#form ul li {display:block;width:90%;padding:5px 5%;border-bottom:1px solid #ddd;overflow:hidden;float:left}
#form ul li span {font-size:16px}
#form ul li span:first-child {width:100%;color:#000;font-size:18px;font-weight:700;line-height:18px;padding:10px 0 0}
#form ul li span:first-child+span {width:100%}
#form ul li span:first-child+span em {display:block;font-size:16px;color:#666;margin:5px 0 0}
#form ul li span:first-child+span input {border:1px solid #D2D2D2;font-size:16px;font-weight:700;color:#333;height:30px;line-height:30px;padding:0 5px}
#form ul li span:first-child+span textarea {border:1px solid #D2D2D2;font-size:16px;color:#333;height:100px;line-height:28px;padding:0 5px;width:90%;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif,"微軟正黑體","Microsoft JhengHei","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体"}
#form ul li span:first-child+span input.full {width:90%}
#form ul li span:first-child+span input.short {width:50%}
#form input[type=radio] {display:none;margin:0 15px}
#form input[type=radio] + label {display:inline-block;margin:0 5px 0 0;padding:0 15px;background-color:#EFEFEF;border:1px solid #CCC;border-radius:4px;height:30px;line-height:30px;color:#999;cursor:pointer}
#form input[type=radio]:checked + label {background-image:none;background-color:#666;color:#FFF;border-color:#666}
#form a.submit {display:block;height:46px;width:90%;border-radius:23px;margin:20px auto;background-color:#2DC0E2;text-align:center;line-height:46px;color:#FFF}
#form a.submit:hover {display:block;height:46px;width:300px;border-radius:23px;margin:20px auto;background-color:#1CA6C8;text-align:center;line-height:46px;color:#FFF}
#form input[type=checkbox] {margin:0}
#form input[type=checkbox] + label {width:40%;min-width:100px;text-align:center;margin:0 4% 10px 0;padding:0 2%;background-color:#EFEFEF;border:1px solid #CCC;border-radius:4px;height:30px;line-height:30px;color:#999;cursor:pointer}
#form input[type=checkbox].full + label {width:90%}
#form input[type=checkbox]:checked + label {background-image:none;background-color:#666;color:#FFF;border-color:#666}
#form select {border:1px solid #D2D2D2;font-size:14px;color:#666;height:30px;line-height:30px;padding:0 5px;width:186px;font-family:"微軟正黑體","Microsoft JhengHei"}
#form select option {font-family:"微軟正黑體","Microsoft JhengHei"}
#form ul.adpot-info li {border-bottom:1px dotted #CCC}
#form ul.adpot-info {margin-bottom:20px}
#form a.submit {width:90%}
#form a.submit:hover {width:90%}
}
@media screen and (max-width:430px) {
.medicine{ background-size:100%; width:165PX;    bottom: -35px;}

.powder{  margin-top:-90px; position:relative; width:100PX; }
.qa_contain{ width:90%;}
	}
@media screen and (max-width:450px) {
	.footer_txt2 span{ clear:both; float:left; width:100%;text-align:center;}
	}
@media screen and (max-width:820px) {
.slick-list{ width:80%;}
}
@media screen and (max-width:879px) {
.quality5,.quality6{ width:515px; float:none; margin:15px auto;position:relative;}
.quality13{    margin-left: 0;}
.quality6{    right: auto;  top: auto;}
.quality7 {
    position: relative;
    left:auto;
    top:auto;margin:auto; width:312px;
}
.quality7_contain{    position: relative;
    left:auto;
    bottom:auto; text-align:center;}
	.quality10,.quality11{float:none; margin:15px auto; }
}
@media screen and (max-width:960px) {
	.width939{ width:100%;}
	.quality8,.quality9{width:452px; float:none; margin:15px auto;}
	}
@media screen and (max-width:520px) {.quality5,.quality6,.quality8,.quality9{ width:90%;}

.quality5 img,.quality6 img,.quality8 img,.quality9 img{ width:100%;}
}
@media screen and (max-width:871px) {
.temperature,.temperature2{ float:none;}
.temperature3{ width:174px;}
.temperature,.temperature2{ margin-left:auto;}
.temperature_trr,.temperature_trr2,.temperature_trr3,.temperature_trr4{
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
    float: none;width: 83px;margin: auto;  margin-top:10px;  
}
 }
 @media screen and (max-width:931px) {.quality8png img{width:100%;}}
  @media screen and (max-width:519px) {
	  .quality11{width: 80%;margin-top:25px; margin:auto;}
	  .quality13{ float:none; width:90%; margin:auto;}
	  .quality13 img{ width:100%;}
	  .quality10{width: 80%;margin:auto;}
	  .quality10 img{width: 100%;}
	  }
	    @media screen and (max-width:600px) {
	  .owl-item img{ width:80%;} }
  @media screen and (max-width:978px) {
	  .owl-buttons{ width:90%; margin:auto;    margin-left:5%;}
	  .owl-item img{ width:80%;} 
	  .owl-buttons .owl-prev{     right: auto;
    top: -25%;
    position: relative;}
	.owl-buttons .owl-next{     right: auto;
    top: -25%;
    position: relative;}}
@media screen and (max-width:720px){.wifi{ width:100%;} }