/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css); 圖形文字*/
@import url("menu.css");
@import url("jssor.css");
@import url("ach.css");
@import url(https://fonts.googleapis.com/css?family=Hind:300);
/*@import url(https://www.w3schools.com/w3css/4/w3.css);*/

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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 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;
	outline: 0;
	font-size: 100%;
	font: inherit;
	font-family:Arial, "微軟正黑體";
}
/*
*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
*/
h1, h2, h3, h4, h5, h6, p{ letter-spacing:1px; font-weight:normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1; 
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
strong, b {
	font-weight: bold
}
em, i {
	font-style: italic
}
a{
	text-decoration:none; 
}

input,select{vertical-align:middle;} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
body{ padding-top:100px; box-sizing:border-box;}

.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* iOS hack */
input[type="text"] {-webkit-appearance: none; border-radius: 0;}
input[type="password"] {-webkit-appearance: none; border-radius: 0;}
input[type="button"] {-webkit-appearance: none; border-radius: 0;font-family:Arial, "微軟正黑體"; cursor:pointer;}
select{border-radius: 0;-webkit-border-radius:0px;}
textarea{-webkit-appearance: none; border-radius: 0;}

.pc{ display:block;}
.phone{ display:none;}

.wrapper{ width:100%; }
.container {width:1366px;  margin:0 auto; overflow:hidden; }
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.inner{ padding:30px;box-sizing:border-box;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left; 
}
.col-10 {
  width: 100%;
}
.col-9 {
  width: 75%;
}
.col-7 {
  width: 70%;
}
.col-6 {
  width: 60%;
}
.col-5 {
  width: 50%;
}
.col-4 {
  width: 40%;
}
.col-3 {
  width: 30%;
}
.img-responsive{ width:100%; height:auto;}
.left{ float:left;}
.right{ float:right;}

.lightbluebg{ background:#e5f5fa;}
.greybg{ background:#f2f2f2;}

.textblue{ color:#0099cc;}
.textcyan{ color:#00b6cc;}
.textgrey{ color:#444;}

.title-style-1{width:380px; height:60px; background:url(../images/titlebg.png) no-repeat; font-size:40px; line-height:60px; text-align:center; margin:0 auto 30px auto;}
.title-style-2{ font-size:40px; font-weight:bold; padding:10px 0;}
.title-style-3{font-size:36px; color:#00b6cc; text-align:center; margin:30px 0 50px 0; }
.title-style-3 span{ padding-bottom:5px; border-bottom:2px solid #cdebf5;}
.title-style-3 span span{ padding-bottom:10px; border-bottom:2px solid #cdebf5;}
.title-style-4{ font-size:24px; line-height:40px; text-align:center;color:#00b6cc; font-weight:bold;}

.subtitle-style-1{}
.subtitle-style-2{ font-size:28px;color:#00b6cc;text-transform:uppercase;}

.bg{ background:url(../images/bg.png) no-repeat; padding-top:100px; box-sizing:border-box;}


/*INDEX*/
   .abgne_tab {
		
		width:100%;
		margin: 10px 0;
	}
	ul.tabs {
		width: 90%;
		height: 120px;
		margin:0 auto;
		/*border-bottom: 1px solid #999;
		border-left: 1px solid #999;*/
	}
	ul.tabs li {
		float: left;
		width:32%;
		height: 150px;
		line-height:30px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		/*border: 1px solid #999;*/
		border-left: none;
		background: #ddd;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		margin-right:1%;
	}
	ul.tabs li img{ width:80px; height:80px; display:block; text-align:center; margin:0 auto;}
	ul.tabs li:last-child{}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		box-sizing:border-box;
		color: #444;
		text-decoration: none;
	}
	ul.tabs li a:hover {
		
	}
	ul.tabs li.active  {
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	ul.tabs li.active a:hover {
		background: #fff;
	}
	div.tab_container {
		clear: left;
		width: 100%;
		box-shadow:0px 0px 5px #ccc;
		border-radius:20px;
		border-top: none;
		background: #fff;
	}
	div.tab_container .tab_content {
		padding: 30px;
	}
	.box{ width:50%; overflow:hidden; float:left; margin-bottom:10px;}
	.box img{ width:47%; height:auto; float:left; margin-right:3%;position:relative;-webkit-transform: scale(1.0); -webkit-transition:0.6s;}
	.box img:hover{-webkit-transform: scale(0.9);}
	.box-text{ width:50%; float:left; font-size:20px; line-height:30px; color:#444; font-weight:bold; padding:20px 10px 0 0; box-sizing:border-box;}
	.box-style{ font-size:22px; color:#0099cc; display:block; font-family:Verdana, Geneva, sans-serif; margin-bottom:30px;}
	.box-title{ font-size:30px; color:#0099cc; padding:10px 0; text-align:center; box-sizing:border-box; font-weight:bold;}
	.box-subtitle{ font-size:20px; color:#444; padding:10px 0; text-align:center; box-sizing:border-box; font-weight:bold; margin-bottom:30px;}
/*關於真善美-首頁*/
.about-bg{ background:url(../images/aboutbg.jpg) no-repeat; background-position:top center;}
.about-title{ font-size:40px; letter-spacing:3px; text-align:center; color:#0099cc; font-weight:bold; padding:30px 0 10px 0; box-sizing:border-box}
.about-subtitle{ font-size:20px; color:#676767; text-align:center; font-weight:bold; letter-spacing:2px; }

.home-list{ width:100%; display:flex;justify-content:space-between;flex-wrap:wrap;}
.home-list li{ width:22%; background-color:#fff; box-shadow:0px 0px 5px #ccc; float:left;margin-bottom:20px; margin-right:4%;}
.home-list li:nth-child(4){ margin-right:0; }
.home-list li:nth-child(8){ margin-right:0;}
.home-list li a{ display:block; color:#444;}
.home-list p{ width:65%; font-size:16px; line-height:20px; float:left; padding:16px 10px 0 10px; box-sizing:border-box;}
.home-list img{ width:35%; height:auto; float:right;}
.morebtn{ width:201px; height:60px; margin:20px auto;}

.other-list{ width:100%; overflow:hidden; padding:20px 0; box-sizing:border-box;}
.other-list li{ width:32%; background-color:#fff; box-shadow:0px 0px 8px #aaa; float:left; margin-right:2%; padding-bottom:20px; box-sizing:border-box; border-radius:20px;}
.other-list li a{ display:block; color:#444;}
.other-list li p{ font-size:18px; line-height:48px; padding:10px 0; box-sizing:border-box; text-align:center; background-image:url(../images/arrow.jpg); background-position:center bottom; background-repeat:no-repeat;}
.other-list li:last-child{ margin-right:0;}
.other-list li img{border-top-left-radius:20px;border-top-right-radius:20px;}

.about-1{ width:13%; height:250px; background:#e6f9ff; padding:25px; box-sizing:border-box; font-size:20px; color:#444; line-height:30px; float:left; margin:100px 1% 0 0;transition:all .3s;
	-webkit-transition:all .3s;}
.about-2{ width:13%; height:300px; background:#e6f9ff; padding:25px; box-sizing:border-box; font-size:20px; color:#444; line-height:30px; float:left; margin:50px 1% 0 0;transition:all .3s;
	-webkit-transition:all .3s;}
.about-1:hover{margin:110px 1% 0 0;}
.about-2:hover{margin:60px 1% 0 0;}
.about-wrap{ width:100%; height:350px; margin-top:30px; box-sizing:border-box; overflow:hidden; }
.icon{ margin-top:-50px; text-align:center;}

.style01{ font-size:18px; line-height:30px;color:#444; padding-left:3em; text-indent:-3em; padding:15px 0 15px 50px; box-sizing:border-box;}
.style02{ font-size:22px; color:#0099cc; padding:8px 0; font-weight:bold; box-sizing:border-box;}

/*明智的選擇*/
.infobg{ background-image:url(../images/infobg.jpg);}
.info-title{ font-size:40px; color:#fff; text-align:center; font-weight:bold;}
.info-subtitle{font-size:20px; color:#fff; text-align:center;font-weight:bold; padding:10px 0;}
.info-main{background-color:#fff; border-radius:20px; margin:20px 0; overflow:hidden;}
.info-pic{ width:65%; float:left;}
.info-pic img{ width:100%; height:auto;}
.info-list{ width:28%;  float:left; margin:60px 0 0 3%;}
.info-list li{padding-left:1em; text-indent: -1em; font-size:16px; line-height:28px; color:#444;font-weight:bold; margin-bottom:20px; box-sizing:border-box;}
.info-list li::before {content: "● "; color:#0099cc;}

/*關於真善美*/
.aboutbg{ background:url(../images/01/aboutbg.jpg) no-repeat; padding-top:100px; box-sizing:border-box;}
.teambg{  background:url(../images/01/aboutbg2.jpg) no-repeat; background-position:right bottom 50px; }
.info{background:rgba(255,255,255,0.8); border-radius:20px; font-size:30px; line-height:48px; color:#00b6cc; padding:20px; box-sizing:border-box;}
.about-list{ border-top:1px solid #00b6cc;border-bottom:1px solid #00b6cc; margin:10px 0; padding:20px 0; box-sizing:border-box; }
.about-list li{padding-left:1em; text-indent: -.7em; font-size:20px; line-height:40px; color:#444;font-weight:bold;}
.about-list li::before {content: "● "; color:#00b6cc;}
.about-style-1{ font-size:20px; color:#444; font-weight:bold;}
.about-style-2{ font-size:32px; color:#444; padding:10px 0; box-sizing:border-box;font-weight:bold;}
.about-style-3{ font-size:20px; color:#00b6cc;font-weight:bold;}
.about-style-4{ font-size:20px; line-height:40px; color:#444;font-weight:bold;}
.about-box{ margin:50px 0;}
.about-inner{ padding:50px 0 40px 0; box-sizing:border-box;}
.teambox{ background-color:#fff; border-radius:20px; border:3px solid #ededed; padding:30px; box-sizing:border-box; margin-bottom:30px;}
.teambox h2{ font-size:36px; color:#444;}
.teambox h4{ font-size:24px; color:#0064aa;font-weight:bold; padding:10px 0;}
.teambox h6{ font-size:20px; color:#0064aa;font-weight:bold;}
.team-list{ border-top:1px solid #b2d0e5;border-bottom:1px solid #b2d0e5; margin:10px 0; padding:20px 0; box-sizing:border-box;}
.team-list li{padding-left:1em; text-indent: -.9em; font-size:20px; line-height:40px; color:#444;font-weight:bold;}
.team-list li::before {content: "● "; color:#0064aa;}

.w80{ width:80%; float:right;}

/*門診時間*/
.date-main{ width:90%; margin:50px auto 20px auto; font-size:18px; line-height:30px;font-weight:bold;}
.datelist{ width:14.28%; float:left;}
.datelist li{border-bottom:1px dashed #00b6cc; padding:20px 0; box-sizing:border-box;  text-align:center;}
.week{ height:70px;background:#00b6cc; color:#fff;}
.h100{height:100px; color:#444;}
/*
.datelist{ overflow:auto; background:#00b6cc;}
.datelist li{ width:14.28%; float:left; text-align:center; color:#fff; padding:20px 0; box-sizing:border-box;}
.timelist{  display:flex;justify-content:space-between;flex-wrap:wrap;}
.timelist li{width:14.28%; text-align:center; color:#444; border-bottom:1px dashed #00b6cc;padding:20px 0; box-sizing:border-box;}
*/
.text-date{ font-size:20px; line-height:30px;color:#00b6cc; text-align:center; padding:20px 0; box-sizing:border-box;}

/*認識白內障*/
.know-pic{ width:100%; overflow:hidden; margin:10px 0;}
.know-pic p{ width:48%; font-size:20px; text-align:center; color:#444; font-weight:bold; line-height:32px;}
.know-pic p img{}
.know-pic p:first-child{ float:left;}
.know-pic p:last-child{ float:right;}
.know-title{ font-size:36px; line-height:48px; color:#444; padding:30px 0 0 0; box-sizing:border-box;}
.know-text{ font-size:22px; color:#444; padding:10px 0;font-weight:bold; box-sizing:border-box;}
.know-list{ margin:10px 0; }
.know-list li{padding-left:1em; text-indent: -.7em; font-size:20px; line-height:40px; color:#444;font-weight:bold;}
.know-list li::before {content: "● "; color:#00b6cc;}
.know-list2{ width:90%; margin:20px auto; }
.know-list2 li{ width:47%; float:left;padding-left:1em; text-indent: -.9em; font-size:20px; line-height:40px; color:#444;}
.know-list2 li::before {content: "● "; color:#00b6cc;}

/*術前術後照顧*/
.carebg{background:url(../images/03/carebg.jpg) no-repeat; padding-top:100px; box-sizing:border-box;}
.care-text{ padding-left:20px; margin-bottom:50px;}
.care-text li{ font-size:18px; line-height:32px; color:#444; list-style:decimal; padding-left:.2em; text-indent: 0em; text-align:left;}
.care-pic{ width:100%; overflow:hidden;}
.care-pic img{ width:30%; height:auto; float:left;}
.care-pic img:first-child{ margin-right:5%;}
.care-pic img:last-child{ margin-left:5%; }

/*白內障手術*/
.bg3-1{ background:url(../images/03/bg3-1.jpg) no-repeat; padding-top:100px; box-sizing:border-box;}
.list-btn{ width:100%; margin:30px 0; overflow:hidden;}
.list-btn li{ width:30%; float:left; font-size:20px; text-align:center; border:1px solid #0099cc;}
.list-btn li:first-child{ margin-right:4%;}
.list-btn li:last-child{ margin-left:4%;}
.list-btn li a{ display:block; padding:24px 10px; color:#0099cc; box-sizing:border-box;}
.list-btn li.current a{ background:#0099cc; color:#fff;}
.title-name{ font-size:36px; color:#1e8aae; padding:40px 0 20px 0; box-sizing:border-box; clear:both; text-align:center;}
.title-name2{ font-size:36px; color:#d35a7d; padding:40px 0 20px 0; box-sizing:border-box; clear:both; text-align:center;}
.title-name3{ font-size:36px; color:#f1a171; padding:40px 0 20px 0; box-sizing:border-box; clear:both; text-align:center;}
.main{ width:100%; background:#fff; box-shadow:0px 0px 5px #CCC; border-radius:20px; padding:30px; box-sizing:border-box; overflow: hidden;}

.list_a{ width:100%; overflow:hidden;}
.list_a li{ width:22%; float:left; margin-right:3%; margin-bottom:10px; position:relative;}
.list_a li:nth-child(4){ margin-right:0;}
.list_a li:nth-child(8){ margin-right:0;}
.list_a li img{ width:100%; height:auto; }
.list_a li p{ position:absolute; bottom:0;}
.m01{font-size:15px; color:#444; text-align:center; background:rgba(107,203,218,0.9); width:100%; height:60px; padding:10px; box-sizing:border-box; line-height:20px; }
.m02{font-size:15px; color:#444; text-align:center; background:rgba(107,203,218,0.9); width:100%; height:40px; padding:10px; box-sizing:border-box; line-height:20px; }

.list_b li{width:100%;font-size:16px; color:#444; text-align:center; background:rgba(107,203,218,0.9);padding:20px; box-sizing:border-box; margin-bottom:13px;}
.list_b li:last-child{ margin-bottom:0;}

/*診療項目*/
.item-main{ width:90%; margin-left:10%;text-align:center;}
.item-main h3{ font-size:24px; border-left:5px solid #0099cb; line-height:36px; text-indent:20px; color:#0099cb; font-weight:bold;text-align:left; margin:20px 0;}
.item-main p{font-size:18px; line-height:32px; color:#444; text-align:left; margin:10px 0;}
.item-main ul{padding-left:20px; margin-bottom:50px;}
.item-main ul li{ont-size:18px; line-height:32px; color:#444; list-style:decimal; padding-left:.2em; text-indent: 0em; text-align:left;}
.item-main img{ text-align:center; border:1px solid #ccc; margin:10px 0;}
.red{ color:#c72d2d;}
.style-title{ font-size:24px; border-left:5px solid #0099cb; line-height:36px; text-indent:20px; color:#0099cb; font-weight:bold;text-align:left; margin:20px 0;}
.style-text{ font-size:18px; line-height:32px; color:#444; text-align:left; margin:10px 0;}

/*水晶體費用*/
.table{ font-size:18px; line-height:26px;}
.table td{ padding:15px;}
.table a{ display:block; color:#444; text-decoration:underline;}
.t01{background:#0099cc; color:#fff;}
.t02{ background:#e6f9ff; color:#444;}
.t03{background:#d35a7d; color:#fff;}
.t04{ background:#f2dce9; color:#444;}
.t05{background:#f1a171; color:#fff;}
.t06{ background:#f6e1d5; color:#444;}
.t07{background:#006bcc; color:#fff; text-align:center;}
.t08{ background:#cdebf5; color:#444; text-align:center; }
.number{ background:#06C; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; color:#fff; display:inline-block; border-radius:50%;}
.compare{ text-align:center;}
.compare img{ width:80%; height:auto;}

.style03{ font-size:28px; line-height:40px; font-weight:bold; padding:20px 0; box-sizing:border-box;}
.style03 a{ color:#444;}
.pic{ width:300px; float:left; margin-right:10px; text-align:center; margin-bottom:10px;}
.picbox{ height:300px; }
.picbox img{ text-align:center;}
.pic-text{ width:100%; font-size:15px; line-height:40px; color:#444; background:#cdebf5; text-align:center;}
.pic-list{  margin:10px 0; padding:20px 0; box-sizing:border-box; clear:both;}
.pic-list li{padding-left:1em; text-indent: -.7em; font-size:16px; line-height:36px; color:#444;font-weight:bold;}
.pic-list li::before {content: "● "; color:#0064aa;}

/*問與答*/
.qa-list{ width:100%;}
.qa-icon{ padding:10px 0; box-sizing:border-box; background:#0099cc; text-align:center;}
.qa-list li{ width:100%; font-size:22px; font-weight:bold; border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;}
.qa-list li a{ display:block;padding:20px 0 20px 30px; box-sizing:border-box; color:#4f4f4f;}
.qa-list li a:hover{}
.qa-list li.current a{ color:#0099cc;}
.qa-list select{ width:100%; height:50px; font-size:18px; line-height:50px; padding:10px; box-sizing:border-box;font-family:Arial, "微軟正黑體";}
.q-style{ width:47px; height:47px; float:left;}
.q-style img{ width:100%; height:auto;}

/*Footer*/
.footer{ width:100%; clear:both; background-color:#0099cc; padding:20px 0; box-sizing:border-box;}
.footer-container{ width:900px; margin:0 auto;}
.footer p{ font-size:15px; color:#fff; padding:20px 0 30px 0; box-sizing:border-box;display:inline-block; margin-right:20px;}
.footer h6{ font-size:15px; color:#b0d6e9; line-height:30px; text-align:center;}
.side{ width:100px; position:fixed; top:40%; right:10px;}
.side li{ width:100px; height:100px; margin-bottom:10px; text-indent:-9999px;}
.side li a{ display:block;width:100px; height:100px;}
.side li a:hover{ opacity:0.8;-webkit-transition:0.3s;}
.side li.z01 a{ background-image:url(../images/z01.png); background-size:contain;}
.side li.z02 a{ background-image:url(../images/z02.png);background-size:cover;}
.side li.z03 a{ background-image:url(../images/z03.png);background-size:cover;}
.side li.z04 a{ background-image:url(../images/z04.png); background-repeat:no-repeat;background-size:contain;}
.side li.z05 a{ background-image:url(../images/z05.png);background-size:cover;}
.rwd_side{ display:none; width:100%; height:50px; position:fixed; bottom:0; }
.rwd_side li{ width:50%; float:left; font-size:20px; line-height:50px; text-align:center; font-weight:bold;background-color:#00b6cc;}
.rwd_side li:last-child{background-color:#00c300;}
.rwd_side li a{ color:#fff;}
/*
.lohas li img{ display:block; width:100%;position: relative;-webkit-transform: scale(1.0); -webkit-transition:1s;}
.lohas li img:hover{-webkit-transform: scale(1.2); opacity:0.4;}
*/





@media (max-width: 1366px) {
.container {width:95%;}
.info-pic{ width:58%; float:left;}
.info-list{ width:38%;  float:left; margin:30px 0 0 2%;}
.info-list li{ margin-bottom:10px;}
.about-1{font-size:18px; line-height:28px; }
.about-2{ font-size:18px; line-height:28px; }
}
@media (max-width: 1280px) {
.list_b li{padding:16px; margin-bottom:10px;}
.info-list{ margin:20px 0 0 2%;}
}

@media (max-width: 1024px) {
body{ padding-top:80px; padding-bottom:50px; box-sizing:border-box;}
.title-style-1{width:300px;background:url(../images/titlebg_2.png) no-repeat; font-size:30px; }
.title-style-2{ font-size:30px; font-weight:bold; padding:10px 0;}
.subtitle-style-2{ font-size:20px;}

.pc{ display:none;}
.phone{ display:block;}
.col-7 {
  width: 100%;
}
.col-6 {
  width: 100%;
}
.col-5 {
  width: 100%;
}
.col-4 {
  width: 100%;
}
.col-3 {
  width: 100%;
}
.aboutbg{ padding-top:0px;}
.w80{ width:100%; float:none;}
.item-main{ width:100%; margin-left:0;margin:20px 0;}
.item-main img{ width:85%; height:auto;}
.item-main h3{font-size:20px; line-height:30px; }
.item-main p{font-size:16px; line-height:28px;}
.care-text ul li{ font-size:16px; line-height:28px;}
.style-title{ font-size:20px; line-height:30px; }
.style-text{ font-size:16px; line-height:28px;}
.care-text li{ font-size:16px; line-height:28px; }
.about-inner{ padding:30px 0 20px 0;}
.about-style-1{ font-size:18px; }
.about-style-2{ font-size:24px;}
.about-style-4{ font-size:18px; line-height:36px; }
.about-box{ margin:25px 0;}
.about-list li{font-size:18px; line-height:36px; }
.info{font-size:24px; line-height:40px;}
.teambox h2{ font-size:30px; }
.teambox h4{ font-size:20px;}
.teambox h6{ font-size:18px; }
.team-list li{ font-size:18px; line-height:36px;}
.bg3-1{ padding-top:0px;}
.know-title{ font-size:28px; line-height:40px;}
.know-text{ font-size:20px; line-height:32px;}
.know-list li{font-size:18px; line-height:36px; }
.know-pic p{ width:48%; font-size:18px;}
.know-list2{ width:100%; margin:20px auto; }
.know-list2 li{ width:100%; float:none; font-size:18px; line-height:36px;}
.carebg{ padding-top:0px;}
.date-main{ width:100%; margin:40px auto 20px auto;}
.text-date{ font-size:18px;padding:10px 0;}
.bg{ padding-top:0px;}
.title-name{ font-size:28px;  padding:20px 0 20px 0; }
.title-name2{ font-size:28px;  padding:20px 0 20px 0;}
.title-name3{ font-size:28px; padding:20px 0 20px 0;}
.info-list{ width:95%;  float:none; margin:20px auto;}
.info-title{ font-size:30px; }
.title-style-3{font-size:28px;  margin:20px 0 40px 0; }
/*.box{ width:100%; overflow:hidden; float:none; margin-bottom:20px;}*/
.box-text{  font-size:16px; line-height:28px;  padding:10px 10px 0 0; }
.box-style{ font-size:18px;  margin-bottom:5px;}
.box-title{ font-size:28px; }
.box-subtitle{ font-size:18px; line-height:28opx;}
.list-btn li{ width:99%; float:none; font-size:18px; margin-bottom:10px;}
.list-btn li:first-child{ margin-right:0;}
.list-btn li:last-child{ margin-left:0;}
.style03{ font-size:24px;}
.about-wrap{ width:100%; height:auto; margin:30px auto;}
.about-1{ width:48%; height:200px; float:left; margin:0 1% 5px 1%;text-align:center; font-size:18px; line-height:28px;}
.about-2{ width:48%; height:200px; float:left; margin:0 1% 5px 1%;text-align:center; font-size:18px; line-height:28px;}
.about-1:hover{margin:0 1% 5px 1%;}
.about-2:hover{margin:0 1% 5px 1%;}
/*
.about-1{ width:100%; height:auto;float:none; margin:0; margin-bottom:5px; text-align:center;}
.about-2{ width:100%;height:auto; float:none; margin:0; margin-bottom:5px; text-align:center;} 
.about-1:hover{margin:0 0 0 0;}
.about-2:hover{margin:0 0 0 0;}
*/
.icon{ margin-top:0px; text-align:center;}
.compare img{ width:90%; }
.other-list li{ width:30%;  margin-right:5%;}
.home-list p{ width:100%; font-size:16px; line-height:20px; float:none; padding:10px 10px 10px 10px;}
.home-list img{ width:100%; float:none;}
.date-main{ font-size:16px; line-height:28px;}
.datelist{ width:25%; float:left;}
.h100{ height:120px;}
.table{ font-size:16px; }
ul.tabs li { font-size:18px;}
.about-title{ font-size:30px; }
.q-style{ width:40px; height:40px;}

.rwd_side{ display:block;}
.side{ display:none;}
.side li{ width:70px; height:70px; margin-bottom:5px; }
.side li a{ display:block;width:70px; height:70px;}
.footer-container{ width:90%;}
.footer p{  padding:5px 0 10px 0; box-sizing:border-box;display:block; margin-right:0; text-align:center;}
}

@media (max-width: 768px) {
.know-pic p{ width:100%; float:none; font-size:18px;}
.list_a li{ width:48%; float:left; margin-right:2%; margin-bottom:10px; position:relative;}
.list_a li:nth-child(2){ margin-right:0;}
.list_a li:nth-child(6){ margin-right:0;}
.other-list{ }
.other-list li{ width:100%;  float:none; margin-right:0; margin-bottom:20px;}
ul.tabs li img{ display:none;}
ul.tabs li a {
		padding: 10px 10px;
	}
.box{ width:100%; overflow:hidden; float:none;}
}

@media (max-width: 640px) {
.know-title{ font-size:24px; line-height:40px;}
.home-list li{ width:48%; float:left;margin-bottom:20px; margin-right:2%;}
.home-list li:nth-child(2){ margin-right:0; }
.home-list li:nth-child(6){ margin-right:0; }
ul.tabs li { font-size:16px;}
.about-1{ width:100%; height:auto; padding:25px; float:none; margin:0 0 0 0; margin:0 0 5px 0;}
.about-2{ width:100%; height:auto; padding:25px; float:none; margin:0 0 0 0; margin:0 0 5px 0;}
.about-1:hover{margin:0 0 5px 0;}
.about-2:hover{margin:0 0 5px 0;}
}

@media (max-width: 480px) {
.subtitle-style-2{ font-size:16px;}
.title-style-2{ font-size:24px; }
.info-title{ font-size:22px; }
.title-style-3{font-size:22px;  }
.title-name{ font-size:22px;  }
.title-name2{ font-size:22px; }
.title-name3{ font-size:22px; }
.know-title{ font-size:22px;}
.box-title{ font-size:22px; }
.title-style-4{ font-size:20px; line-height:36px;}
.about-title{ font-size:22px;}

.date-btn img{ width:90%; height:auto;}
.care-pic img{ width:100%; float:none;}
.care-pic img:first-child{ margin-right:0;}
.care-pic img:last-child{ margin-left:0; }
.box img{ width:37%;margin-right:3%; }
.box-text{ width:60%;}
.box-text{  font-size:15px; line-height:25px;  padding:0 10px 0 0; }
.box-style{ font-size:15px;  margin-bottom:5px;}
}