@charset "utf-8";
/* CSS Document */

html{
	height: 100%;
}

body{
	font-family:"微軟正黑體";
	background:#efefef;
	height: 100%;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul li, p{
	padding:0;
	margin:0;
}

.header{
	width:100%;
	height:64px;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9c00+0,ffcc00+100 */
	background: rgb(255,156,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,156,0,1) 0%, rgba(255,204,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,156,0,1) 0%,rgba(255,204,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,156,0,1) 0%,rgba(255,204,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ffcc00',GradientType=1 ); /* IE6-9 */
	font-size:30px;
	color:#3b3b3b;
	font-weight:bold;
	line-height:64px;
	text-align:center;
}

.wrapper{
	width:1024px;
	padding:25px 0 15px;
	margin:0 auto;
}

.left{
	width:322px;
	margin-right:30px;
	float:left;
	overflow:hidden;
	height:490px;	
}

.left .up{
	width:322px;
	height:430px;
	overflow:hidden;
	border-bottom:1px solid #959595;
}

.left h2{
	font-size:20px;
	border-bottom:1px solid #959595;
	padding-bottom:8px;
	margin-top:5px;
	width:322px;
	overflow:auto;
	white-space: nowrap;
}

.left .up img{
	margin-top:5px;
	border:1px solid #a4a4a4;
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
}

.left h4{
	font-size:20px;
	color:#166d93;
	margin:0;
}

.left-content{
	overflow:auto;
	width:322px;
	height:125px;
	margin-top:15px;
	padding-right:5px;
	padding-bottom:15px;
}

.left .up input{
	float:right;
	width:70px;
	height:30px;
	background:#ffcb00;
	border:0;
	border:2px solid #fff;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	cursor:pointer;
}

.left .up input:hover{
	border:2px solid #ff9c00;
}

.left p{
	font-size:16px;
	color:#282828;
	line-height:21px;
	margin:0;
	text-align:justify;
}

.left .btm{
	width:322px;
	height:60px;
	line-height:60px;
	vertical-align:middle;
}

.left .btm h4>span{
	float:right;
	font-size:18px;
	color:#282828;
	position:relative;
	top:-5px;
}

.left .btm h4>span>span{
	margin-right:5px;
	font-size:38px;
	color:#ff0201;
	font-family:"Times New Roman";
	position:relative;
	top:6px;
}

.middle{
	width:410px;
	margin-right:30px;
	float:left;
	overflow:hidden;
	height:490px;
	border:1px solid #959595;
}

.middle .up{
	width:410px;
	height:430px;
	border-bottom:1px solid #959595;
	overflow-y:scroll;
}

.middle .up ul>li>ul{
	padding:12px 13px;
	background:#fff;
	overflow:hidden;
	margin-bottom:5px;
}

.middle .up ul>li>ul>li{
	display:inline-table;
	vertical-align:top;
}

.middle .up ul>li>ul>li:last-child{
	width:310px;
}

.middle .up ul>li>ul>li>img{
	width:46px;
	height:46px;
	border-radius:50%;
	margin-right:5px;
}

.middle .up ul>li>ul>li>p:first-child{
	font-size:14px;
	color:#282828;
	font-weight:bold;
	margin-bottom:5px;
}

.middle .up ul>li>ul>li>p:last-child{
	font-size:17px;
	color:#282828;
	font-weight:bold;
}

.middle .up ul>li>ul>li>p:first-child span{
	float:right;
}

.middle .btm{
	width:410px;
	height:60px;
	line-height:60px;
	vertical-align:middle;
}

.text-area{
	width:295px;
	height:60px;
	float:left;
}

.text-area input{
	width:100%;
	border:0;
	padding:0 15px;
	font-size:18px;
	height:60px;
}

.enter{
	width:115px;
	height:60px;
	background:#fff;
	float:left;
}

.conBtn .btn_con{
	width:105px;
	height:44px;
	background:#ff9c00;
	border:2px solid #ffcb00;
	font-size:20px;
	color:#282828;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	cursor:pointer;
}

.right{
	width:232px;
	float:left;
	overflow:hidden;
	height:490px;
	border:1px solid #959595;
}

.right .up{
	width:232px;
	height:430px;
	border-bottom:1px solid #959595;
	overflow-y:scroll;
}

.right .up ul>li>ul{
	overflow:hidden;
	border-bottom:5px solid #c1c1c1;
	padding:5px 5px 5px 10px;
	font-size:17px;
	color:#282828;
}

.right .up ul>li>ul>li:first-child{
	margin-bottom:3px;
}

.right .up ul>li>ul>li:last-child>p{
	font-size:17px;
	color:#282828;
}

.right .up ul>li>ul>li:last-child>p>span{
	float:right;
	font-size:16px;
}

.right .up ul>li>ul>li:last-child>p>span>span{
	font-weight:bold;
	margin-right:5px;
	font-size:22px;
	font-family:"Times New Roman";
}

.right .up ul>li.active{
	background:#fff;
}

.right .up ul>li.active>ul>li>p>span>span{
	color:#ff0201;
}

.right .btm{
	width:232px;
	height:60px;
	overflow:hidden;
	background:#ffcb00;
}

.right .btm p{
	font-size:20px;
	font-weight:bold;
	color:#282828;
	line-height:60px;
	padding:0 12px;
}

.right .btm p>span{
	float:right;
	font-size:15px;
}

.right .btm p>span>span{
	margin-right:5px;
	font-size:18px;
	color:#7d0000;
}


.clear{
	clear:both;
	content: "";
	display: block;
	height: 10px;
}

.sub-content{
	width:1024px;
	margin-top:10px;
}

.sub-content .sub-content-left{
	width:762px;
	background:#282828;
	float:left;
}

.sub-content-right{
	width:232px;
	float:left;
	margin-left:30px;
}

.sub-content-right h5{
	font-size:20px;
	color:#166d93;
	margin:10px 0;
}

.sub-content-right p{
	font-size:16px;
	color:#282828;
	line-height:21px;
}


/*------------order---------------*/

.wrapper2{
	width:100%;
	max-width:1110px;
	margin:0 auto;
	background:#efefef;
	height:100%;
}

.header2{
	width:100%;
	height:140px;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9c00+0,ffcc00+100 */
	background: rgb(255,156,0); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,156,0,1) 0%, rgba(255,204,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,156,0,1) 0%,rgba(255,204,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,156,0,1) 0%,rgba(255,204,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ffcc00',GradientType=1 ); /* IE6-9 */
	font-size:60px;
	color:#3b3b3b;
	font-weight:bold;
	line-height:140px;
	text-align:center;
	position:relative;
}

.header2 span{
	position:absolute;
	left:50px;
	top:35px;
}

.header2 span a{
	color:#3b3b3b;
}

.sub-content{
	width:92%;
	margin-left:4%;
}

.title-order{
	font-size:50px;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:70px 0 45px;
	border-bottom:2px solid #d7d7d7;
	margin-bottom:30px;
}

.order{
	margin-bottom:45px;
}

.order>li{
	padding:20px 0;
	font-size:40px;
	font-weight:bold;
	letter-spacing:1px;
}

.order>li>ul>li{
	display:inline-block;
	padding-left:20px;
}

.order>li>ul>li:first-child{	
	color:#166d93;
	width:23.5%;
	display:inline-block;
}

.order>li>ul>li:last-child:before{
	content:"";
	display:inline-block;
	width:2px;
	height:40px;
	background:#000;
	position:relative;
	top:5px;
	left:-40px;
	
}

@media (max-width:991px){
.header2{
	height:130px;
	line-height:130px;
	font-size:50px;
}

.header2 span a img{
	max-width:75px;
}

.title-order{
	font-size:42px;
	padding:55px 0 35px;
	margin-bottom:25px;
}

.order>li{
	font-size:36px;
}

.order>li>ul>li:first-child{	
	width:25%;
}
}

@media (max-width:868px){
.title-order{
	font-size:38px;
	padding:40px 0 30px;
	margin-bottom:25px;
}

.order>li{
	font-size:34px;
	padding:18px 0;
}

.order>li>ul>li{
	padding-left:15px;
}

.order>li>ul>li:first-child{	
	width:28%;
}


}

@media (max-width:768px){
.order>li>ul>li:last-child:before{
	left:-30px;
}
}

@media (max-width:767px){
.header2{
	height:110px;
	line-height:110px;
	font-size:45px;
}

.header2 span{
	top:28px;
}

.header2 span a img{
	max-width:65px;
}

.order>li>ul>li:first-child{	
	width:26%;	
}

.order>li>ul>li:last-child:before{
	height:30px;
}

.order>li{
	font-size:30px;
	padding: 16px 0;
}

}

@media (max-width:680px){
.order>li>ul>li:first-child{	
	width:29%;	
}
}

@media (max-width:590px){
.header2{
	height:100px;
	line-height:100px;
	font-size:42px;
}

.header2 span{
	top:27px;
	left:20px;
}

.header2 span a img{
	max-width:55px;
}	

.order>li>ul>li:first-child{	
	width:31%;	
}

.order>li{
	font-size:26px;
	padding:15px 0;
}

.title-order{
	font-size:36px;
	padding:20px 0 20px;
	margin-bottom:20px;
}
}

@media (max-width:520px){
.header2{
	height:100px;
	line-height:100px;
	font-size:38px;
}

.header2 span{
	top:27px;
	left:20px;
}

.header2 span a img{
	max-width:50px;
}

.order>li>ul>li:last-child:before{
	display:none;
}

.title-order{
	font-size:30px;
}

.order>li>ul>li:first-child{	
	width:30%;	
}

.order>li{
	font-size:24px;
	padding:12px 0;
}

.order>li>ul>li{
	padding-left:5px;
}

}

@media (max-width:480px){
.header2{
	height:90px;
	line-height:90px;
	font-size:33px;
}

.order>li{
	font-size:22px;
}
}

@media (max-width:475px){
.order>li{
	font-size:22px;
}
}

@media (max-width:420px){
.title-order{
	margin-bottom:15px;
}

.order>li>ul>li:first-child{	
	width:100%;
	font-size:25px;
}

}

@media (max-width:360px){
.header2{
	height:80px;
	line-height:80px;
	font-size:35px;
	text-align:right;
	padding-right:20px;
}

.header2 span{
	top:24px;
	left:15px;
}

.header2 span a img{
	max-width:40px;
}

.title-order{
	font-size:28px;
	padding:20px 0 15px;
	margin-bottom:10px;
}

.order>li>ul>li:first-child{
	font-size:22px;
}

.order>li{
	font-size:20px;
}
}

@media (max-width:345px){
.header2{
	font-size:30px;
}

.title-order{
	font-size:26px;
	padding:20px 0 15px;
	margin-bottom:10px;
}
}




/*------------service terms---------------*/


.title-service-terms{
	font-size:50px;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:70px 0 35px;
	/*border-bottom:2px solid #d7d7d7;*/	
}


@media (max-width:991px){
.title-service-terms{
	font-size:42px;
	padding:55px 0 35px;
}
}

@media (max-width:868px){
.title-service-terms{
	font-size:38px;
	padding:40px 0 30px;
}
}


@media (max-width:590px){
.title-service-terms{
	font-size:36px;
	padding:20px 0 20px;
}
}



@media (max-width:520px){
.title-service-terms{
	font-size:30px;
}
}


@media (max-width:420px){
.title-service-terms{
}
}


@media (max-width:360px){
.title-service-terms{
	font-size:28px;
	padding:20px 0 15px;
}
}


@media (max-width:345px){
.title-service-terms{
	font-size:26px;
	padding:20px 0 15px;
}
}



.text{
	font-size:35px;
	color:#282828;
	font-weight:bold;
}

.li-title{
	font-size:40px;
	color:#166d93;
	font-weight:bold;
	margin-bottom:20px;
}

.service-terms-li{
	margin-top:45px;
}

.service-terms-li>li{
	padding:35px 0 45px;
	border-top:2px solid #d7d7d7;
}

.cell{
	display:table-cell;
}

.service-terms-li>li>ul{
	margin-top:50px;
	margin-left:45px;
}

.service-terms-li>li>ul>li{
	margin-bottom:40px;
}

.service-terms-li>li>ul>li:last-child{
	margin-bottom:0;
}

.service-terms-li>li>ul>li>span:nth-child(1){
	padding-right:25px;
	width:9%;
}

.service-terms-li>li>ul>li>ol{
	margin-left:70px;
	margin-top:30px;
	color:#632929;
}

.service-terms-li>li>ul>li>ol>li{
	margin-bottom:20px;
}

@media (max-width:1100px){
.service-terms-li>li>ul>li>span:nth-child(1){
	width:11%;
}
}

@media (max-width:991px){
.text{
	font-size:30px;
	text-align:justify;
}

.li-title{
	font-size:35px;	
	margin-bottom:15px;
}
}

@media (max-width:800px){
.service-terms-li>li>ul>li>span:nth-child(1){
	width:12%;
}
}


@media (max-width:767px){
.service-terms-li{
	margin-top:35px;
}

.text{
	font-size:27px;
	line-height:40px;
}

.li-title{
	font-size:32px;	
}

.service-terms-li>li>ul{
	margin-top:40px;
	margin-left:25px;
}

.service-terms-li>li>ul>li{
	margin-bottom:30px;
}

.service-terms-li>li>ul>li>span:nth-child(1){
	padding-right:20px;
}

.service-terms-li>li>ul>li>ol{
	margin-left:60px;
}
}

@media (max-width:650px){
.service-terms-li>li>ul>li>span:nth-child(1){
	width:15%;
}
}


@media (max-width:520px){
.text{
	font-size:23px;
	line-height:35px;
}

.li-title{
	font-size:28px;	
	margin-bottom:15px;
}

.service-terms-li>li{
	padding:30px 0 35px;
}

.service-terms-li>li>ul{
	margin-top:25px;
	margin-left:15px;
}

.service-terms-li>li>ul>li{
	margin-bottom:15px;
}

.service-terms-li>li>ul>li>span:nth-child(1){
	padding-right:15px;
	width:17%;
}

.service-terms-li>li>ul>li>ol{
	margin-left:40px;
	margin-top:20px;
}

.service-terms-li>li>ul>li>ol>li{
	margin-bottom:15px;
}
}


@media (max-width:480px){
.text{
	font-size:22px;
}

.li-title{
	font-size:25px;	
	margin-bottom:12px;
}
}

@media (max-width:360px){
.service-terms-li{
	margin-top:25px;
}

.text{
	font-size:20px;
	line-height:32px;
}

.li-title{
	font-size:23px;	
	margin-bottom:12px;
}

.service-terms-li>li{
	padding:20px 0 25px;
}

.service-terms-li>li>ul{
	margin-left:5px;
}

.service-terms-li>li>ul>li>ol{
	margin-left:30px;
}

.service-terms-li>li>ul>li>span:nth-child(1){
	width:19%;
}

}

@media (max-width:300px){
.service-terms-li>li>ul>li>span:nth-child(1){
	width:21%;
}
}



/*--------------new----------------*/

.new-title{
	line-height:145px;
	height:145px;
	font-size:50px;
	font-weight:bold;
	color:#166d93;
	text-align:center;
	border-top:2px solid #d7d7d7;
	margin-bottom:0;
	margin-top:0;
}

.new-title:first-child{
	border-top:none;
}

.mt25{
	margin-top:25px;
}

.new-red{
	color:#ff2b2a;
}

.pic-box{
	margin-top:35px;
	margin-bottom:20px;
	overflow:hidden;
}

.pic-box:last-child{
	margin-bottom:50px;
}

.new-img{
	margin:0 auto;
	border:3px solid #fff;
	border-radius:5px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.3);
	margin-bottom:30px;
}

@media (max-width:991px){
.new-title{
	line-height:125px;
	height:125px;
	font-size:45px;
}
}

@media (max-width:767px){
.new-title{
	line-height:100px;
	height:100px;
	font-size:42px;
}

.pic-box:last-child{
	margin-bottom:30px;
}
}

@media (max-width:600px){
.new-title{
	line-height:100px;
	height:100px;
	font-size:38px;
}
}

@media (max-width:500px){
.new-title{
	line-height:90px;
	font-size:35px;
}
}

@media (max-width:480px){
.col-480{
	width:100%;
}

.pic-box{
	margin-top:25px;
	margin-bottom:10px;
}

.pic-box:last-child{
	margin-bottom:20px;
}

.new-title{
	padding-top:15px;
}
}

@media (max-width:360px){
.new-title{
	line-height:70px;
	height:80px;
	font-size:32px;
}
}


/*-----------------qa----------------*/

.qa-img{
	width:100%;
	height:auto;
}







/*------------qa accordion------------*/

.accordion-container{
  position: relative;
  width: 500px;
  height: auto;
  margin: 0 auto;
}

.set{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  margin-top:40px;
}

.set:last-child{
	margin-bottom:50px;
}

.set > a{
  display: block;
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  background:#fff0b2;
  height:138px;
  line-height:138px;
  border:1px solid #ff9d00;
}

.set > a > p {
	font-size:44px;
	color:#282828;
}

.set > a > p >span{
	display:inline-block;
	width:147px;
	background:#ff9d00;
	color:#fff;
	font-size:60px;
	font-family:"Times New Roman", serif;
	position: relative;
	height: 136px;
	text-align: center;
	margin-right:65px;
}

.set > a i{
	position:relative;
	float: right;
	margin-top:-92px;
	color: #ff9d00;
	font-size: 50px;
	margin-right: 70px;
}

/*.set > a.active{
  background-color:#3399cc;
  color: #fff;
}*/

.set > a.active i{
  color: #ff9d00;
}

.accordion-content{
  position:relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  display:none;
  border: 1px solid #ff9d00;
  border-top:none;
  margin-top:-1px;
}

.accordion-content p .accordion-content-title{
	font-size:40px;
	color:#166d93;
	font-weight:bold;
	margin-top:45px;
	display:inline-block;
}

.accordion-content p .accordion-content-title:first-child{
	margin-top:0;
}

.accordion-content p{
  padding: 40px 60px 45px;
  margin: 0;
  color: #000;
  font-size:35px;
  font-weight:bold;
}

@media (max-width:680px){
.set > a{  
  height:118px;
  line-height:118px;
}

.set > a > p {
	font-size:38px;
}

.set > a > p >span{
	width:125px;
	font-size:52px;
	height: 116px;
	margin-right:40px;
}

.set > a i{
	margin-top:-82px;
	font-size: 45px;
	margin-right: 30px;
}

.accordion-content p .accordion-content-title{
	font-size:35px;
	margin-top:35px;
}

.accordion-content p{
  padding: 30px 45px 35px;
  font-size:30px;
  text-align:justify;
}
}


@media (max-width:480px){
.set{
  margin-top:30px;
}

.set:last-child{
	margin-bottom:40px;
}

.set > a{  
  height:108px;
  line-height:108px;
}

.set > a > p {
	font-size:33px;
}

.set > a > p >span{
	width:100px;
	font-size:44px;
	height: 106px;
	margin-right:30px;
}

.set > a i{
	margin-top:-74px;
	font-size: 40px;
	margin-right: 25px;
}

.accordion-content p .accordion-content-title{
	font-size:30px;
	margin-top:25px;
}

.accordion-content p{
  padding: 25px 30px 30px;
  font-size:25px;
  text-align:justify;
}
}


@media (max-width:400px){
.set:last-child{
	margin-bottom:30px;
}

.set > a{  
  height:88px;
  line-height:88px;
}

.set > a > p {
	font-size:30px;
}

.set > a > p >span{
	width:80px;
	font-size:40px;
	height: 86px;
	margin-right:20px;
}

.set > a i{
	margin-top:-62px;
	font-size: 35px;
	margin-right: 15px;
}

.accordion-content p .accordion-content-title{
	font-size:26px;
	margin-top:20px;
}

.accordion-content p{
  padding: 20px 25px 25px;
  font-size:22px;
}
}


@media (max-width:320px){
.set > a{  
  height:78px;
  line-height:78px;
}

.set > a > p {
	font-size:25px;
}

.set > a > p >span{
	width:60px;
	font-size:32px;
	height: 76px;
	margin-right:15px;
}

.set > a i{
	margin-top:-53px;
	font-size: 28px;
	margin-right: 10px;
}

.accordion-content p .accordion-content-title{
	font-size:24px;
	margin-top:20px;
}

.accordion-content p{
  padding: 20px 25px 25px;
  font-size:20px;
}
}


/*-------------news list---------------*/


.newsList{
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  margin-top:40px;
  background:#fff;  
  border-bottom:4px solid #d7d7d7; 
  padding-left:80px;
}

.newsList a{
	display:block;
	width: 100%;
	height:132px;
	line-height:132px;
	font-weight:bold;
	font-size:52px;
 	color:#282828;
}

.newsList a:hover{
	text-decoration:none;
}

.newsList:last-child{
	margin-bottom:50px;
}

.newsList>a>i{
	width:82px;
	height:82px;
	border-radius:50%;
	background:#636363;
	color:#fff;
	text-align:center;
	line-height:84px;
	position:relative;
	top:2px;
	font-size:55px;
	margin-right:32px;
}

.newsList>a>span>i{
	font-size:85px;
	color:#959595;
	position:absolute;
	right:80px;
	top:20px;
}

@media (max-width:767px){
.newsList{
	padding-left:60px;
}	

.newsList a{
	font-size:46px;
	height:125px;
	line-height:125px;
}

.newsList>a>i{
	width:75px;
	height:75px;
	line-height:79px;
	top:0;
	font-size:50px;
	margin-right:25px;
}

.newsList>a>span>i{
	right:50px;
	font-size:76px;
	top:20px;
}
}

@media (max-width:580px){
.newsList{
	padding-left:40px;
	margin-top:30px;
}	

.newsList a{
	font-size:40px;
	height:110px;
	line-height:110px;
}

.newsList>a>i{
	width:68px;
	height:68px;
	line-height:71px;
	top:0;
	font-size:45px;
	margin-right:20px;
}

.newsList>a>span>i{
	right:35px;
	font-size:70px;
	top:20px;
}
}

@media (max-width:480px){
.newsList{
	padding-left:30px;
	margin-top:25px;
}	

.newsList a{
	font-size:35px;
	height:90px;
	line-height:90px;
}

.newsList>a>i{
	width:60px;
	height:60px;
	line-height:63px;
	top:5px;
	font-size:40px;
	margin-right:15px;
}

.newsList>a>span>i{
	right:32px;
	font-size:60px;
	top:13px;
}
}

@media (max-width:480px){
.newsList{
	padding-left:20px;
	margin-top:20px;
}	

.newsList a{
	font-size:30px;
	height:80px;
	line-height:85px;
}

.newsList>a>i{
	width:54px;
	height:54px;
	line-height:57px;
	top:2px;
	font-size:36px;
	margin-right:12px;
}

.newsList>a>span>i{
	right:20px;
	font-size:50px;
	top:15px;
}
}


/*-------------news detail-----------------*/

.page {
    padding: 20px 0;
    display: inline-block;
}

.news p.title {
    color: #166d93;
    font-size: 25px;
    font-weight: bold;
}

.news p {
    color: #595757;
    font-size: 20px;
    font-family: "微軟正黑體";
}

.page img{
	max-width:1070px;
	margin:20px auto;
	width:100%;
}

.page .page-date{
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}

.page.newsPage img{
	max-width:1070px;
	margin:20px auto;
	width:auto;
	max-width: 100%;
}

@media (max-width:767px){
.news p {
	font-size:18px;
}
}

@media (max-width:480px){
.news p {
	font-size:17px;
}
}



/*---------------description--------------*/

.wrapper3{
	width:100%;
	max-width:1110px;
	margin:0 auto;
	background: #efefef;
	height:100%;
}

.decription-tabs-content{
	overflow: hidden;
	height: auto;
}

.wrapper3 .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
	border-top: 2px solid #fff;
}

.wrapper3 .btn-group-justified > .btn, 
.wrapper3 .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
    padding: 0;
}

.wrapper3 .btn{	
	border:none;
	font-size: 50px;
	font-weight: bold;
	padding: 0 12px;
	height: 120px;
}

.btn-pref .btn {
    -webkit-border-radius:0 !important;
}

.wrapper3 .well {
    margin-bottom: 0;
	padding: 0;
	border: none;
	border-top:1px solid #fff;
	background: #efefef;
}



.wrapper3 .btn-default:active:hover, 
.wrapper3 .btn-default.active:hover, 
.wrapper3 .open > .dropdown-toggle.btn-default:hover, 
.wrapper3 .btn-default:active:focus, 
.wrapper3 .btn-default.active:focus, 
.wrapper3 .open > .dropdown-toggle.btn-default:focus, 
.wrapper3 .btn-default:active.focus, 
.wrapper3 .btn-default.active.focus, 
.wrapper3 .open > .dropdown-toggle.btn-default.focus {
    color: #efefef;
    background-color: none;
}

.wrapper3 .btn-default {
    color: #286090;
    background-color: #8bbbe4;
    border-color: #ccc;
}

.wrapper3 .btn-default:hover {
    color: #fff;
    background-color: #286090;
    border-color: #ccc;
}


.well-list1{
	padding: 0 55px;
	margin-top: 10px;
	list-style: decimal;
	margin-left: 55px;
}

.wellTitle{
	color:#348a9b;
	font-size: 50px;
	font-weight: bold;
	padding: 40px 55px 20px;
	background: #fff;
}

.wellSubTitle{
	background: #959595;
	color:#fff;
	font-size: 48px;
	font-weight: bold;
	padding: 20px 55px;
}

.well-list1>li{
	border-bottom: 2px solid #d7d7d7;
	font-size: 45px;
	font-weight: bold;
	color:#a1a1a1;
	line-height: 55px;
	padding: 40px 0 35px;	
}

.well-list1 > li:last-child {
    border-bottom: none;
}

.well-list{
	padding: 0;
	margin-top: 10px;
}

.well-list>li{
	border-bottom: 2px solid #d7d7d7;
	font-size: 42px;
	font-weight: 500;
	color:#282828;
	line-height: 55px;
	padding: 40px 55px 35px;
	overflow: hidden;
	
}

.well-list>li>ul>li:nth-child(1){
	text-align: left;
	width:75%;
	float: left;
	word-break: break-all;
}

.well-list>li>ul>li:nth-child(2){
	text-align: right;
	width:25%;
	float: left;
}

.well-list>li:nth-child(even){
	background: #e2e2e2;
}

.pd0{
	padding: 0;
}

.pr0{
	padding-right: 0;
}

.well-list.well-list2>li{	
	padding: 20px 55px;	
}

.well-list.well-list2>li>ul>li:nth-child(2) span{	
	font-family: Times, "Times New Roman", "serif"
}



@media (max-width:991px){
	.wrapper3 .btn{
		font-size: 40px;
		height:100px;
	}
	
	.well-list1{
		padding: 0 50px;
		margin-left: 50px;
	}
	
	.wellTitle{
		font-size: 44px;
		padding: 40px 50px 20px;
	}

	.wellSubTitle{
		font-size: 42px;
		padding: 20px 50px;
	}

	.well-list1>li{
		font-size: 40px;
		line-height: 48px;
		padding: 35px 0 30px;

	}
	
	.well-title{
		font-size: 50px;
		height:112px;
		line-height: 112px;
	}
	
	.well-list.well-list2>li{	
		padding: 15px 50px;	
	}
}

@media (max-width:767px){
	.wrapper3 .hidden-xs {
		display: block !important;
	}
	
	.wrapper3 .btn{
		font-size: 32px;
		height:80px;
	}
	
	.well-list1{
		padding: 0 40px;
		margin-left: 40px;
	}
	
	.wellTitle{
		font-size: 30px;
		padding: 25px 40px 10px;
	}

	.wellSubTitle{
		font-size: 30px;
		padding: 12px 40px;
	}

	
	.well-list1>li{
		font-size: 28px;
		line-height: 35px;
		padding: 15px 0 25px;
	}
	
	.well-list>li{
		font-size: 35px;
		line-height: 42px;
		padding: 28px 40px 25px;
	}
	
	.well-list.well-list2>li{	
		padding: 15px 40px;	
	}	
}


@media (max-width:680px){	
	.wrapper3 .btn{
		font-size: 28px;
		height:70px;
	}
	
	.well-list1{
		padding: 0 35px;
		margin-left: 35px;
		margin-top: 0;
	}
	
	.wellTitle{
		font-size: 28px;
		padding: 25px 35px 10px;
	}

	.wellSubTitle{
		font-size: 28px;
		padding: 12px 35px;
	}
	
	.well-list1>li{
		font-size: 26px;
		line-height: 33px;
		padding: 15px 0;
	}	
	
	.well-list>li{
		font-size: 30px;
		line-height: 37px;
		padding: 20px 35px;
	}
	
	.well-list.well-list2>li{	
		padding: 10px 35px;	
	}	
}

@media (max-width:580px){    
	.wrapper3 .btn{
		font-size: 24px;
		height:60px;
	}
		
	.well-list1{
		padding: 0 30px;
		margin-left: 30px;
	}
	
	.wellTitle{
		font-size: 24px;
		padding: 20px 30px 10px;
	}

	.wellSubTitle{
		font-size: 24px;
		padding: 12px 30px;
	}
	
	.well-list1>li{
		font-size: 22px;
		line-height: 28px;
		padding: 15px 0;
		border-bottom: 1px solid #d7d7d7;
	}
	
	.well-list>li{
		font-size: 25px;
		line-height: 32px;
		padding: 15px 30px;
		border-bottom: 1px solid #d7d7d7;
	}
	
	.well-list.well-list2>li{	
		padding: 10px 30px;	
	}
}


@media (max-width:480px){	
	.decription-tabs-content{
		padding-bottom: 27px;
	}
	
	.wrapper3 .btn{
		font-size: 24px;
		height:60px;
	}

	.well-list1{
		padding: 0 25px 0 15px;
		margin-left: 30px;
	}
	
	.wellTitle{
		font-size: 24px;
		padding: 20px 15px 10px;
	}

	.wellSubTitle{
		font-size: 24px;
		padding: 10px 15px;
	}
	
	.well-list1>li{
		font-size: 20px;
		line-height: 25px;
		padding: 15px 0;
	}
	
	.well-list>li{
		font-size: 20px;
		line-height: 27px;
		padding: 12px 20px;
	}
	
	.well-list.well-list2>li{	
		padding: 8px 20px;	
	}
}

@media (max-width:380px){
	.wrapper3 .btn{
		font-size: 20px;
		height:45px;
	}
	
	.well-list1{
		padding: 0 20px 0 10px;
		margin-left: 25px;
	}
	
	.wellTitle{
		font-size: 20px;
		padding: 15px 15px 10px;
	}

	.wellSubTitle{
		font-size: 20px;
		padding: 10px 15px;
	}
	
	.well-list1>li{
		font-size: 17px;
		line-height: 24px;
		padding: 15px 0;
	}
	
	.well-list>li{
		font-size: 18px;
		line-height: 24px;
		padding: 10px 15px;
	}
	
	.well-list.well-list2>li{	
		padding: 8px 15px;	
	}
}

@media (max-width:320px){
	.wrapper3 .btn{
		font-size: 17px;
		letter-spacing: -1px;
	}
}