/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:*/
/* Welcome to Compass. Use this file to define print styles.
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
@import url(head.css);
@import url(footer.css);
/*@font-face {
  font-family: NotoSans-Black;
  src: url(../font/NotoSansCJKtc-Black.otf);
}
@font-face {
  font-family: Ming1;
  src: url(../font/DFMing-W7-WIN-BF-01.ttf);
}
@font-face {
  font-family: NotoSans-Light;
  src: url(../font/NotoSansCJKtc-Light.otf);
}
@font-face {
  font-family: NotoSans-normal;
  src: url(../font/NotoSansCJKtc-DemiLight.otf);
}*/
input[type="button"], input[type="submit"],input[type="reset"],textarea,select{
  cursor: pointer;
  font-family: "微軟正黑體", Arial;
}

html {
  font-size: 62.5% !important;
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 58% !important;
  }
}

@media screen and (max-width: 980px) {
  html {
    font-size: 54% !important;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 52% !important;
  }
}

body {
	background-image: url(../images/bg_pic.png);
	margin: 0;
	padding: 0;
	-webkit-appearance: none !important;
	outline: none !important;
	overflow-x: hidden;
	font-family: "微軟正黑體", Arial;
	background-repeat: repeat;
}

.pc {
  display: block !important;
}
@media screen and (max-width: 980px) {
  .pc {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}
@media screen and (max-width: 980px) {
  .mobile {
    display: block !important;
  }
}

h1, h2, h3, h4, h5, h6, ul, ol, li, form {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-weight: normal;
}

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

/*--------------------------------------*/
#main {
  width: 100%;
  min-height:calc(100vh - 64px);
}

#main.space {
	margin-top:80px;
}

@media screen and (max-width: 980px) {
  #main {
    padding-top: 50px;
	min-height:calc(100vh - 114px);
	overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  #main {
    padding-top: 50px;
	min-height:calc(100vh - 94px);
  }
  #main.space {
	margin-top:0px;
}
}

/*--------------------------------------*/
#banner_slide {
  width: 100%;
  position: relative;
}
#banner_slide .slide1 {
  position: relative;
}
#banner_slide .slide1 .an {
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 60vh;
}
#banner_slide .slide1 .an img {
  width: 100%;
  height: auto;
  opacity:0;
}
#banner_slide .slide1 .slick-arrow {
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
  outline: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 101;
}
#banner_slide .slide1 .slick-arrow.slick-prev {
  background-image: url(../images/btn-1.png);
  left: 5%;
}
#banner_slide .slide1 .slick-arrow.slick-next {
  background-image: url(../images/btn-2.png);
  right: 5%;
}
@media screen and (max-width: 767px) {
  #banner_slide .slide1 .slick-arrow {
    width: 30px;
    height: 30px;
    background-size: auto 30px;
  }
  #banner_slide .slide1 .slick-arrow.slick-prev {
    left: 3%;
  }
  #banner_slide .slide1 .slick-arrow.slick-next {
    right: 3%;
  }
  
 #banner_slide .slide1 .an {
	height: 35vh;
} 
  
  
}

#carelist {
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  left: 0;
  z-index: 358;
}
#carelist .sq {
  max-width: 1440px;
  width: 94%;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 50px;
}
#carelist .sq .slidetextt {

}
#carelist .sq .slidetextt .slick-arrow {
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
  outline: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 101;
}
#carelist .sq .slidetextt .slick-arrow.slick-prev {
  background-image: url(../images/menu0-5.png);
  right: 100%;
}
#carelist .sq .slidetextt .slick-arrow.slick-next {
  background-image: url(../images/menu0-6.png);
  left: 100%;
}
#carelist .sq .slidetextt div.t a {
  font-size: 2rem;
  line-height: 36px;
  color: #ef7a15;
  font-weight: normal;
  font-family: Ming1;
  text-align: center;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  outline: none;
}
#carelist .sq .slidetextt div.t a > span {
  font-size: 1.7rem;
  line-height: 28px;
}
#carelist .sq .slidetextt div.t {
  position: relative;
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1100px) {
  #carelist .sq .slidetextt div.t {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
#carelist .sq .slidetextt div.t:after {
  content: "";
  width: 1px;
  background-color: #ef7a15;
  height: 20px;
  position: absolute;
  right: 0;
  top: 8px;
}
#carelist .sq .slidetextt div.t:last-child:after {
  display: none;
}

.green #carelist .sq .slidetextt div.t a {
  color: #989c00;
}

.blue #carelist .sq .slidetextt div.t a {
  color: #2698d3;
}

.brown #carelist .sq .slidetextt div.t a {
  color: #ca6c1f;
}

.red #carelist .sq .slidetextt div.t a {
  color: #dc4e39;
}

.green #carelist .sq .slidetextt div.t:after {
  background-color: #989c00;
}

.blue #carelist .sq .slidetextt div.t:after {
  background-color: #2698d3;
}

.brown #carelist .sq .slidetextt div.t:after {
  background-color: #ca6c1f;
}

.red #carelist .sq .slidetextt div.t:after {
  background-color: #dc4e39;
}

/*------------------------------------------------------*/
.roadline {
  position: absolute;
  right: 0;
  z-index: 30;
  top: -20px;
}
.roadline > div {
  float: right;
}
.roadline > div > div {
  float: left;
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #ef7a15;
}
.roadline > div > div:before {
  content: ".";
  color: #666464;
  padding-left: 5px;
  padding-right: 5px;
}
.roadline > div > div:first-child:before {
  display: none;
}
.roadline > div > div a {
  color: #666464;
}

.green .roadline > div > div, .green .toolbar ul > li a:hover {
  color: #989c00;
}

.blue .roadline > div > div, .blue .toolbar ul > li a:hover {
  color: #2698d3;
}

.brown .roadline > div > div, .brown .toolbar ul > li a:hover {
  color: #ca6c1f;
}

.red .roadline > div > div, .red .toolbar ul > li a:hover {
  color: #dc4e39;
}

/*-----------------以下皆為1127修改-------------------*/
.toolbar ul > li a.red.giveing {
    float: left;
    color: #dc4e39;
    background-image: url(../images/icon3_3.png);
    margin-left: 10px;
    height: 30px;
    padding-left: 20px;
    padding-right: 5px;
    position: relative;
    display: block;
    outline: none;
    background-repeat: no-repeat!important;
    background-position: left center;
    background-size: 15px 15px;
}

@media screen and (max-width: 980px) {
	
.toolbar ul > li a.red.giveing {
    float: none;
    color: #dc4e39;
    background-image: url(../images/icon3_3.png);
    margin-left: 0px;
    height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    display: block;
    outline: none;
    background-repeat: no-repeat!important;
    background-position: 35% center;
    background-size: 15px 15px;
    line-height: 30px;
}
	
}
/*1127修改以下*/

.content {
	float: left;
	margin-left: 5px;
}
#header .sq .infobar .toolbar .content.pc a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-color: #F29544;
	background-image: url(../images/bt_pic1_2.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 28px;
	width: 28px;
	background-size:18px auto;
	border-radius:5px;
}
#header .bell{
	background-color: #F17B0D;
	height: 48px;
	font-size: 1.5rem;
	line-height: 28px;
	width: 100%;
	}
#header .bell.xx {
	height: 38px;
	font-size: 1.5rem;
	line-height: 28px;
	width: 100%;
}

#header .bell.xx>.sq {
    display: table;
    padding-top: 5px;
    padding-bottom: 5px;
}	
.blue #header .bell{
	background-color: #2698d3;
	}
	
.brown  #header .bell{
	background-color: #ca6c1f;
	}
	
.red  #header .bell{
	background-color: #dc4e39;
	}	

.green  #header .bell{
	background-color: #989c00;
	}		
	
	
#header.fix .bell{
	display:none;
	}
	
#header.fix .bell.xx{
	display:block!important;
	}	
	
#header .bell>.sq{
	display:table;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#header .bell>.sq a{
	color:#fff;
	margin-right:15px;
	}
	
@media screen and (max-width: 980px) {
#header .bell{
	position:absolute;
	height:auto;
	top:50px;
	background-color: #F3A056;
	z-index:299;
	display:none;
	}	

	
.blue #header .bell{
	background-color: #51ADDF;
	}
	
.brown  #header .bell{
	background-color: #E3924F;
	}
	
.red  #header .bell{
	background-color: #E37666;
	}	

.green  #header .bell{
	background-color: #CCD103;
	}		

	
#header .bell a{
	width:50%;
	text-align:center;
	margin-bottom:5px;
	display:block;
	float:left;
	margin-right:0px!important;
	}	
#header.fix .bell.xx {
	display:none!important;
}	
}

#header .bell .btt {
	font-size: 1.7rem;
	line-height: 30px;
	color: #FFF;
	text-align: left;
	display: block;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	background-color: #F17B0D;
	font-weight: normal;
}



.blue #header .bell .btt{
	background-color: #51ADDF;
	}
	
.brown  #header .bell .btt{
	background-color: #E3924F;
	}
	
.red  #header .bell .btt{
	background-color: #E37666;
	}	

.green  #header .bell .btt{
	background-color: #CCD103;
	}		






#header .bell .btt:after {
	content:"▼";
	position:absolute;
	right:10%;
	top:5px;
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
@media screen and (max-width: 980px) {
	
#header .bell>.sq{
	display:none;

	}
/*#header.stay>.sq{
border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ef7a15;
	}		*/
	
#header .bell.open .btt:after{
	transform:rotate(180deg);
	-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	}		
	
#header.fix .bell{
	display:block;
	}	
}


#header .bell .sq>div {
	display: table;
	float: left;
	width: 100%;
}

#header .bell.xx .sq>div {
	margin-left:180px;
	display:table;
	float:right;
	width:auto!important;
}
#header .bell.xx .sq h1 {
	font-size: 1.7rem;
	line-height: 28px;
	color: #FFF;
	text-align: left;
	float: left;
	width: auto;
	font-weight: normal;
	margin-bottom: 0px;
	cursor: pointer;
}

#header .bell.xx .sq h1:after {
	content:"▼";
	margin-left:140px;
	background-color: transparent;
		-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


#header .bell.xx .sq h1.stay:after {
	transform:rotate(180deg);
		-webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (max-width: 980px) {
	
	#header .bell.xx .sq h1 {
	display:none;
}

#header .bell.xx .sq>div {
	margin-left:0px;
	width:100%!important;
	float:none;
}


}

#header .bell.xx .sq div .more {
	font-size: 1.3rem;
	color: #FFF;
	float: right;
	margin-left: 20px;
}

#header .bell.xx h1{
	position:relative;
}

#header .bell.xx h1 a.bt {
width:180px;
height:38px;
position:absolute;
top:-5px;
left:0;
font-size:0;
display:block;
z-index:300;
}

#header .bell.xx .sq h1 .slidedown {
    position: absolute;
    height: auto;
    width: 180px;
    left: 0px;
    top: calc(100% + 5px);
    z-index: 300;
	display:none;
}
#header .bell.xx .sq h1 .slidedown a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin: 5px;
	width: calc(100% - 10px);
	display: block;
	font-size: 1.6rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}









.twopart {
  margin: 0px;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
}
@media screen and (max-width: 980px) {
.twopart {
    display: block;
    align-items: noset;
    flex-wrap: noset;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.twopart .leftpart {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 26.5%;
  position: relative;
}

@media screen and (max-width: 1024px) {
.twopart .leftpart {
    padding-right: 34%;
  }
}
@media screen and (max-width: 980px) {
.twopart .leftpart {
	padding-right: 0px;
	width: 100%;
	position: relative;
  }
}


.twopart .rightpart {
    width: 23.5%;
/*    flex-shrink: 0;*/
    margin-left: -23.5%;
    position: relative;
}
/*.twopart .rightpart.notitle {
  padding-top: 65px;
}
@media screen and (max-width: 980px) {
.twopart .rightpart.notitle {
    padding-top: 10px;
  }
}*/
@media screen and (max-width: 1024px) {
.twopart .rightpart {
    margin-left: -31.3%;
    width: 31.3%;
  }
}
@media screen and (max-width: 980px) {
.twopart .rightpart {
    width: 100%;
    margin-left: 0px;
    padding-right: 0px;
    display: block;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
.twopart .rightpart {
    padding-bottom: 0px;
  }
}




/*-------------------h-------------------*/
h1 {
	font-size: 2.6rem;
	line-height: 35px;
	position: relative;
	font-weight: 600;
	color: #f29221;
	position: relative;
	text-align: left;
}
h1.gray {

	color: #505251;

}
h1 .more {
  position: absolute;
  width: 100%;
  text-align: right;
  font-size: 1.3rem;
  line-height: 20px;
  color: #898989;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  right: 0px;
  top: 0px;
  font-weight: normal;
}
h1 .date {
 
  font-size: 1.5rem;
  line-height: 24px;
  color:#6f6c68;
  
}


@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 20px;
  }
}

h3{
	font-size: 1.7rem;
	line-height: 28px;
}

/*-------------------news_type1-------------------*/

#main .area{width:100%;height:auto;}

#main .area .sq{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 2rem;
  line-height: 36px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 40px;

}
#main .area:last-child .sq{
  padding-bottom: 40px;
}

#main .area .sq h1{
  margin-bottom: 20px;
}


@media screen and (max-width: 767px) {
	
#main .area .sq h1{
  margin-bottom: 10px;
}	
}

@media screen and (max-width: 1440px) {
#main .area .sq{ 
    padding-left: 3%;
    padding-right: 3%;
  }
}

.fifty{
	width:100%;	
	display: table;
	}
	
	

		
	
.fifty>ul{
	width:100%;
	display:table;	
	}
.fifty>ul li{
	width:48.5%;
	margin-right:3%;
	float:left;	
	}
	
.fifty>ul li:nth-child(2n){
	margin-right:0%;	
	}
	
	
	
	
	
/*---------------------------------------------------------------------*/
.caretype4 {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 980px) {
  .caretype4 {
    flex-wrap: wrap;
  }
}
.caretype4 .sidebar {
  /*flex-shrink: 0;*/
  width: 33.33333%;
}
.caretype4 .sidebar .info {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  padding-top: 0px;
  position: relative;
}
.caretype4 .sidebar .info:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #cacaca;
}
.caretype4 .sidebar .info .openbut {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.9rem;
  line-height: 24px;
  background-color: #cacaca;
  text-align: center;
  border-radius: 5px;
}
.caretype4 .sidebar .info .openbut:after {
  content: "^";
  transform: rotate(180deg);
  display: inline-block;
}
.caretype4 .sidebar .info .openbut.stay:after {
  transform: rotate(0deg);
}
.caretype4 .sidebar .info ul {
  width: 100%;
}
.caretype4 .sidebar .info ul li a {
  font-size: 1.9rem;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #534f4a;
  font-weight: bold;
  display: block;
}
.caretype4 .sidebar .info ul li a:hover {
  color: #ef7a15;
}
@media screen and (max-width: 980px) {
  .caretype4 .sidebar .info ul {
    display: none;
    padding-top: 30px;
  }
}
.caretype4 .sidebar .info h2 {
  font-size: 1.9rem;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #534f4a;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ccc;
  font-weight: bold;
}
.caretype4 .sidebar .info > div {
  font-size: 1.7rem;
  line-height: 28px;
  color: #666464;
  margin-bottom: 30px;
}
.caretype4 .sidebar .info > div > p {
  margin-top: 0px;
  margin-bottom: 0.5em;
}
.caretype4 .sidebar .info .more {
  width: 100%;
  text-align: right;
  font-size: 1.3rem;
  line-height: 20px;
  color: #898989;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "微軟正黑體";
  font-weight: normal;
  display: block;
}
.caretype4 .sidebar .info .more:hover {
  color: #ef7a15;
}
.caretype4 .sidebar .commnity {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
  margin-top: 30px;
  position: relative;
}
.caretype4 .sidebar .commnity ul {
  display: table;
  width: 100%;
}
.caretype4 .sidebar .commnity ul li {
  float: left;
  width: 25%;
  position: relative;
}
.caretype4 .sidebar .commnity ul li .tt {
  position: absoulte;
  top: 100%;
  font-size: 1.1rem;
  color: #929292;
  width: 100%;
  text-align: center;
}
.caretype4 .sidebar .commnity ul li img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .caretype4 .sidebar .commnity ul {
    width: auto;
    position: absolute;
    right: 0;
    top: 0;
  }
  .caretype4 .sidebar .commnity ul li {
    float: left;
    width: 48px !important;
    position: relative;
    margin: 5px;
  }
}
.caretype4 .sidebar .commnity h2 {
  font-size: 2rem;
  line-height: 36px;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 25px;
  margin-top: 20px;
  font-weight: bold;
}
.caretype4 .sidebar .commnity h2:after {
  width: 5px;
  height: 100%;
  background-color: #cacaca;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
}
@media screen and (max-width: 980px) {
  .caretype4 .sidebar {
    width: 100%;
	display:none;
  }
  .caretype4 .sidebar .commnity {
    margin-bottom: 50px;
  }
  .caretype4 .sidebar .commnity ul li {
    float: left;
    width: 58px;
    position: relative;
  }
  .caretype4 .sidebar .info > div > p {
    margin-top: 0px;
    margin-bottom: 0.5em;
    float: left;
    margin-right: 20px;
  }
  .caretype4 .sidebar .info .more:before {
    width: 100%;
    content: "";
    height: 1px;
    display: -webkit-box;
  }
}

/*---------------------------------------------------------------------*/
.caretype4 .maintext {
  padding-left: 0px;
  width: 100%;
  font-size: 1.7rem;
  line-height: 28px;
  color: #666464;
  /*pic1*/
}
@media screen and (max-width: 980px) {
  .caretype4 .maintext {
    padding-left: 0px;
  }
}
.caretype4 .maintext p {
  margin-top: 0px;
}
.caretype4 .maintext h3 {
  font-size: 1.9rem;
  font-weight: bold;
  margin-bottom: 1em;
  font-weight: bold;
}
.caretype4 .maintext .title {
	font-size: 2.6rem;
	line-height: 35px;
	positon: relative;
	margin-bottom: 10px;
	font-weight: bold;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.caretype4 .maintext .title .time{
	font-size: 1.4rem;
	line-height: 24px;
	color:#6f6c68;
	positon: relative;
	margin-bottom: 0px;
	font-weight: normal;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-top:5px;
}
.caretype4 .maintext .title > .ois {
  font-size: 1.5rem !important;
  font-weight: normal;
}
.caretype4 .maintext .picstyle1 {
  margin-bottom: 25px;
  width: 100%;
  height: auto;
  display: block;
}
.caretype4 .maintext .gysq {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(212, 212, 212, 0.4);
  margin-bottom: 35px;
  display:table;
}
.caretype4 .maintext .ysq {
  padding-top: 40px;
  padding-bottom: 30px;
  padding-right: 40px;
  padding-left: 40px;
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(251, 226, 175, 0.3);
  margin-bottom: 35px;
  color: #666464;
}
.caretype4 .maintext .ysq > h3 {
  color: #ef7a15;
}
.caretype4 .maintext .textone {
  width: 100%;
  margin-bottom: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  display:table;
}

.caretype4 .maintext .textone a {
  color:#666464;
}

.caretype4 .maintext .textone > .note {
  color: #ef7a15;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/pic-3.png);
}
.caretype4 .maintext .textone .picx, .caretype4 .maintext .textone .video {
  background-color: rgba(212, 212, 212, 0.4);
}
.caretype4 .maintext .textone .picx.left, .caretype4 .maintext .textone .video.left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: calc(50% - 10px);
}
.caretype4 .maintext .textone .picx.right, .caretype4 .maintext .textone .video.right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  width: calc(50% - 10px);
}

.caretype4 .maintext .textone .picx.all, .caretype4 .maintext .textone .video.all {
  float: none;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  width:100%;
}

@media screen and (max-width: 480px) {
  .caretype4 .maintext .textone .picx.left, .caretype4 .maintext .textone .video.left {
    float: none;
    margin-right: 0px;
    margin-bottom: 20px;
	width:100%;
  }
  .caretype4 .maintext .textone .picx.right, .caretype4 .maintext .textone .video.right {
    float: none;
    margin-left: 0px;
    margin-bottom: 20px;
	width:100%;
  }
}
.caretype4 .maintext .textone .picx > img, .caretype4 .maintext .textone .video > img {
  width: 100%;
  height: auto;
  display: table;
}
.caretype4 .maintext .textone .picx .tpart, .caretype4 .maintext .textone .video .tpart {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  padding-top: 6px;
  padding-bottom: 6px;
}
.caretype4 .maintext .textone.video {
  width: 100%;
  background-color: rgba(212, 212, 212, 0.4);
  padding-left: 0px;
  padding-right: 0px;
}
.caretype4 .maintext .textone.video > div {
  width: 100%;
  position: relative;
}
.caretype4 .maintext .textone.video > div > img {
  width: 100%;
  height: auto;
}
.caretype4 .maintext .textone.video > div iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 20;
}
.caretype4 .maintext .textone.video .tpart {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  padding-top: 6px;
  padding-bottom: 6px;
}

/*---------------------------------------------------------------------*/
.caretype4 .maintext .slogen {
  font-size: 1.9rem;
  line-height: 36px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 35px;
  font-weight: bold;
}
.caretype4 .maintext .slogen.stylea {
  color: #ef7a15;
  letter-spacing: 0.2em;
}
.caretype4 .maintext .slogen.stylea:before {
  position: absolute;
  width: 5px;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #ef7a15;
  content: "";
}
.caretype4 .maintext .slogen.stylea:after {
  position: absolute;
  width: 5px;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #ef7a15;
  content: "";
}
.caretype4 .maintext .slogen.stylea > .sign {
  font-size: 1.5rem;
  text-align: right;
}
.caretype4 .maintext .slogen.stylea > .sign span {
  font-size: 1.3rem;
  vertical-align: sub;
  vertical-align: super;
}
.caretype4 .maintext .slogen.styleb {
  color: #666464;
  letter-spacing: 0.2em;
}
.caretype4 .maintext .slogen.styleb:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background-repeat: no-repeat;
  background-position: center top;
  width: 30px;
  height: 30px;
  background-size: cover;
  background-image: url(../images/pic1-1.png);
}
.caretype4 .maintext .slogen.styleb:after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  background-repeat: no-repeat;
  background-position: center top;
  width: 30px;
  height: 30px;
  background-size: cover;
  background-image: url(../images/pic1-2.png);
}
.caretype4 .maintext .slogen.stylec {
  color: #ef7a15;
  letter-spacing: 0.2em;
  margin-top: 55px;
  margin-bottom: 55px;
  border-top: solid 1px #ef7a15;
  border-bottom: solid 1px #ef7a15;
  padding-top: 50px;
  padding-bottom: 50px;
}
.caretype4 .maintext .slogen.stylec:before {
  position: absolute;
  left: 0;
  top: -25px;
  content: "";
  background-repeat: no-repeat;
  background-position: center top;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-image: url(../images/pic2-1.png);
}
.caretype4 .maintext .slogen.stylec:after {
  position: absolute;
  right: 0;
  bottom: -25px;
  content: "";
  background-repeat: no-repeat;
  background-position: center top;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-image: url(../images/pic2-2.png);
}

/*---------------------------------------------------------------------*/
.caretype4 .textone.picgroup {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.caretype4 .textone.picgroup > div {
  width: calc(25% - 2px)!important;
  float: left;
  margin: 1px;
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 480px) {
  .caretype4 .textone.picgroup > div {
    width: 49.2% !important;
  }
}
.caretype4 .textone.picgroup > div.morepic {
  background-color: #ef7a15;
  opacity: 0.9;
}
.caretype4 .textone.picgroup > div.morepic > a {
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.caretype4 .textone.picgroup > div.morepic:hover {
  opacity: 1;
}
.caretype4 .textone.picgroup > div > img {
  width: 100%;
  height: auto;
  display: table;
}
.caretype4 .textone.picgroup > div > .picimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.caretype4 .textone.picgroup > div > .picimg > img {
  width: 100%;
  height: auto;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.caretype4 .textone.picgroup > div:hover > .picimg > img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  transform: scale(1.1);
}

/*--------------------------------------------------------------*/	
/*---------------------------------------------------------------------*/
.pageline {
  display: block;
  width: 100%;
  margin-bottom: 50px;
  position: relative;
  line-height: 24px;
  font-size: 1.5rem;
  min-height: 32px;
}
.pageline .centet {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.pageline .centet a {
  color: #898989;
}
.pageline .centet a:hover {
  color: #ef7a15;
  border-bottom: solid 3px #ef7a15;
}
.pageline .left {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 1.3rem;
}
.pageline .left a {
  color: #898989;
}
.pageline .left a:hover {
  color: #ef7a15;
  border-bottom: solid 3px #ef7a15;
}
.pageline .right {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 1.3rem;
}
.pageline .right a {
  color: #898989;
}
.pageline .right a:hover {
  color: #ef7a15;
  border-bottom: solid 3px #ef7a15;
}
@media screen and (max-width: 480px) {
  .pageline {
    margin-bottom: 0px;
  }
}

/*---------------------------------------------------------------------*/
	
/*---------------------------------------------------------------------*/
.leannote {
	margin-bottom: 30px;
	margin-top: 30px;
	background-image: url(../images/lineline2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 16px;
}
.leannote h1 {
  font-size: 2rem;
  line-height: 36px;
  margin-bottom: 0px;
  font-weight: bold;
  position:relative;
  margin-bottom: 10px!important;
}
.leannote h1:after {
	content:"";
	height:6px;
	width:calc(100% - 100px);
	background-image: url(../images/lineline.png);
	background-repeat: repeat-x;
	position:absolute;
	top:50%;
	margin-top:-3px;
	right:0px;
}
@media screen and (max-width: 980px) {
  .leannote{
	  display:table;
	  margin-top:20px;
	  width:100%;
  }

}
@media screen and (max-width: 767px) {
  .leannote h1 {
    font-size: 2.6rem;
    line-height: 35px;
    position: relative;
    padding-left: 0px;
    font-family: "微軟正黑體";
    font-weight: 600;
  }
}
.leannote .note {
  width: 100%;
}
.leannote .note ul {
  width: 100%;
}
.leannote .note ul li {
  width: 100%;
  color: #6f6c68;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.leannote .note ul li:hover {
  color: #ef7a15;
}
.leannote .note ul li:hover:after {
  background-color: #ef7a15;
}
.leannote .note ul li a {
  color: #6f6c68;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.leannote .note ul li a:hover {
  color: #f38200;
}
.leannote .note ul li a .name {
  font-size: 1.5rem;
  line-height: 28px;
  display: block;
  flex-shrink: 0;
  width: 11rem;
  text-align: right;
  font-family: "微軟正黑體";
}
.leannote .note ul li a .title {
  font-size: 1.7rem;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
}

/*---------------------------------------------------------------------*/	
/*------------------------------------------------------*/
.roadline {
	position: absolute;
	right: 26.5%;
	z-index: 30;
	top: 5px;
}
@media screen and (max-width: 1024px) {
.roadline {
	right: 34%;
}	
}

@media screen and (max-width: 980px) {
.roadline {
	right: 0%;
}	
}
@media screen and (max-width: 480px) {
.roadline {
    top: -20px;
}
}

.roadline > div {
  float: right;
}
.roadline > div > div {
  float: left;
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #ef7a15;
}
.roadline > div > div:before {
  content: ".";
  color: #666464;
  padding-left: 5px;
  padding-right: 5px;
}
.roadline > div > div:first-child:before {
  display: none;
}
.roadline > div > div a {
  color: #666464;
}

/*-------------------news_type1-------------------*/
.newstype1, .caretype3 {
  width: 100%;
}

.newstype1 ul, .caretype3 ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.newstype1 ul li, .caretype3 ul li {
  width: 31.3333%;
  margin-right: 3%;
  margin-bottom: 40px;
  position: relative;
}

.caretype3.two ul li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 40px;
  position: relative;
}


.newstype1 ul li > a, .caretype3 ul li > a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  font-size: 0;
  outline: none;
}
.newstype1 ul li:nth-child(3n), .caretype3 ul li:nth-child(3n) {
  margin-right: 0%;
}
.caretype3.two ul li:nth-child(3n) {
  margin-right: 4%;
}
.caretype3.two ul li:nth-child(2n) {
  margin-right: 0%;
}

@media screen and (max-width: 1024px) {
  .newstype1 ul li, .caretype3 ul li {
    width: 48%;
    margin-right: 4%;
  }
  .newstype1 ul li:nth-child(3n), .caretype3 ul li:nth-child(3n) {
    margin-right: 4%;
  }
  .newstype1 ul li:nth-child(2n), .caretype3 ul li:nth-child(2n) {
    margin-right: 0%;
  }
  .newstype1 ul li:nth-child(5), .newstype1 ul li:nth-child(6), .caretype3 ul li:nth-child(5), .caretype3 ul li:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .newstype1 ul li, .caretype3 ul li {
    margin-bottom: 20px;
  }
  .newstype1 ul li:nth-child(3), .newstype1 ul li:nth-child(4), .newstype1 ul li:nth-child(5), .newstype1 ul li:nth-child(6), .caretype3 ul li:nth-child(3), .caretype3 ul li:nth-child(4), .caretype3 ul li:nth-child(5), .caretype3 ul li:nth-child(6) {
    display: none;
  }
}
.newstype1 ul li .picp, .caretype3 ul li .picp {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  display: inline-grid;
}
.newstype1 ul li .picp > img, .caretype3 ul li .picp > img {
  width: 100%;
  height: auto;
}
.newstype1 ul li .picp > .picimg, .caretype3 ul li .picp > .picimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.newstype1 ul li .picp > .picimg > img, .caretype3 ul li .picp > .picimg > img {
  width: 100%;
  height: auto;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.newstype1 ul li:hover .picp > .picimg > img, .caretype3 ul li:hover .picp > .picimg > img {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  transform: scale(1.1);
}
.newstype1 ul li .text, .caretype3 ul li .text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px;
  font-family: "微軟正黑體";
}
.newstype1 ul li .text .data, .caretype3 ul li .text .data {
  font-size: 1.3rem;
  line-height: 20px;
  color: #666464;
}
.newstype1 ul li .text h2, .caretype3 ul li .text h2 {
	color: #6f6c68;
	font-size: 1.9rem;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 600;
	line-height: 24px;
}
.newstype1 ul li .text h2 a, .caretype3 ul li .text h2 a {
  color: #666464;
}
.newstype1 ul li .text .ptt, .caretype3 ul li .text .ptt {
	font-family: "微軟正黑體";
	font-size: 1.7rem;
	line-height: 24px;
	color: #6f6c68;
	height:60px;
}
.newstype1 ul li .text .more, .caretype3 ul li .text .more {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 102;
  float:right;
  margin-top:20px;
}
@media screen and (max-width: 767px) {
  .newstype1 ul li .text .more, .caretype3 ul li .text .more {
    padding: 5px;
  }
}

.newstype1 ul li .text .more a, .caretype3 ul li .text .more a{

  background-color: #ff9c01;
  font-size: 1.3rem;
  line-height: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  border: solid 1px #c9c9c9;
  padding-left: 10px;
  padding-right: 10px;
  bottom: 10px;
  display:table;
  margin-right:auto;
      float: right;
}
.newstype1 ul li .text .more a:hover, .caretype3 ul li .text .more a:hover {
  background-color: #f38200;
  color: #fff;
  border: solid 1px #fff;
}


/*.newstype1 ul li:after, .caretype3 ul li:after {
  bottom: -10px;
  right: -10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(233, 188, 100, 0);
  border-bottom-color: #e9bc64;
  border-width: 10px;
  margin-left: -10px;
  transform: rotate(135deg);
}*/

.caretype3 ul li .text h2 {
	font-weight: bold;
	margin-top: 0px;
	padding-bottom: 5px;
	border-bottom: solid 1px #ccc;
	white-space: nowrap;
	overflow: hidden;
}

.caretype3.two ul li .text h2 {
	color:#ff9c01;
}



@media screen and (max-width: 1024px) {
  .caretype3 ul li {
    width: 48%;
    margin-right: 4%;
  }
  .caretype3 ul li:nth-child(5), .caretype3 ul li:nth-child(6) {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .caretype3 ul li {
    margin-bottom: 20px;
  }
  .caretype3 ul li:nth-child(3), .caretype3 ul li:nth-child(4), .caretype3 ul li:nth-child(5), .caretype3 ul li:nth-child(6) {
    display: block;
  }
}
@media screen and (max-width: 980px) {
  .caretype3 ul li {
    width: 48%;
    margin-right: 4%;
  }
  .caretype3 ul li:nth-child(3n) {
    margin-right: 4%;
  }
  .caretype3 ul li:nth-child(2n) {
    margin-right: 0%;
  }
}
@media screen and (max-width: 480px) {
  .caretype3 ul li {
    width: 100%;
    margin-right: 0%;
  }
  .caretype3 ul li:nth-child(3n) {
    margin-right: 0%;
  }
  .caretype3 ul li:nth-child(2n) {
    margin-right: 0%;
  }
  .caretype3 ul li .picp {
    width: 106%;
    margin-left: -3%;
  }
}
.caretype3 ul li.big {
  width: 100%;
  margin-right: 0%;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
}
@media screen and (max-width: 480px) {
  .caretype3 ul li.big {
    display: block;
  }
}
.caretype3 ul li.big .picp {
  width: 66%;
  margin-right: 3%;
}
@media screen and (max-width: 480px) {
  .caretype3 ul li.big .picp {
    width: 106%;
    margin-right: 0%;
  }
}
.caretype3 ul li.big .text {
  width: 31%;
  padding-top: 0px;
  position: relative;
}
.caretype3 ul li.big .text .more {
  position: absolute;
  white-space: nowrap;
  bottom: 10px;
  right: 10px;
}
@media screen and (max-width: 480px) {
  .caretype3 ul li.big .text {
    width: 100%;
    padding-top: 8px;
  }
  .caretype3 ul li.big .text .more {
    position: relative;
    white-space: nowrap;
    bottom: noset;
    right: noset;
  }
}

/*-------------------------------------------------------*/
.tag {
	height: auto;
	width: 100%;
	margin-top: 20px;
	display: table;
	margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  .tag {
	height: auto;
	width: 100%;
	margin-top: 0px;
	display: table;
	margin-bottom: 10px;
}
}

.tag>div {
	display: table;
	float: right;
}
.tag div a {
	font-size: 1.7rem;
	line-height: 24px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	color:#6f6c68;
	position: relative;
}

.tag div a.stay {
	color:#ff9c01;
}

.tag div a:after {
	content:"";
	width:1px;
	height:16px;
	top:4px;
	right:0px;
	background-color:#6f6c68;
	display:block;
	position: absolute;
}
.tag div a:last-child:after {
	display:none;
}
.tag div a:last-child{
	padding-right:0px;
}

.donate {
	height: auto;
	width: 100%;
	margin-top: 20px;
	display: table;
	margin-bottom: 20px;
	text-align:right;
}

.donate a{
	display: table;
	padding-left: 50px;
	padding-right: 10px;
	background-color: #ffaf32;
	line-height: 40px;
	color: #FFF;
	background-image: url(../images/icon01.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.5rem;
	float:right;
	position:relative;
}
.donate a span{
	position:absolute;
	left:13px;
}

/*----------------------------------------*/
.getall:first-child {
    padding-top: 0px!important;
    border-top: none!important;
}

input[type=checkbox]:not(old),
input[type=radio]:not(old){
    width: 23px;
    height: 23px;
    margin: 0px;
    padding: 0;
    opacity: 0;
    margin-top: 0px;
    position: absolute;
    left: 0px;
    top: 5px;
    z-index: 20;
}
input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : 0px;
  padding-left :35px!important;
  line-height  : 24px;
  	background-image: url(../images/checkbox1.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

input[type=checkbox]:not(old):checked + label{
  background-image: url(../images/checkbox2.png);
}

input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : 0px;
  padding-left : 35px!important;
  line-height  : 24px;
  	background-image: url(../images/radio1.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
input[type=radio]:not(old):checked + label{
  	background-image: url(../images/radio2.png);
}