html{height: 100%;}
body {
	padding: 0;
	margin: 0;
	background: #fff;	
	color: #212529;
	line-height: 28px;
	font-size: 15px;
	font-family: "Microsoft JhengHei","微軟正黑體","Arial", sans-serif!important;
    height: 100%;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight:normal;
}
p {
	margin: 0;
	color:#777;
	letter-spacing:1px;
	line-height:1.5em;
	font-size:15px;}
.row{
	margin:0px;
	padding:0px;
}
ul {
	margin: 0;
	padding: 0;
}
label {
	margin: 0;
}
a{
	color:#000;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
a:focus, a:hover {    
    text-decoration:none;
}
.hide{display: none;}
img{width: 100%;}
section{padding-bottom: 4rem;padding-top: 4rem;}
article{padding-bottom: 3rem;padding-top: 3rem;}

.scroll-to-top {
  z-index: 1029;
  right: 1rem;
  bottom: 3.3rem;
  display: none;
}

.scroll-to-top a {
  width: 3.1rem;
  height: 3.1rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}
/*-- //Reset-Code --*/

.bg-darkgray{background-color: #404770!important;}
.bg-br{background-color: #fad6a3!important;}
.bg-blue{background-color: #ebf5fc!important;}
.bg-blue2{background-color: #1f4778!important;}
.bg-dark{background-color: #222!important;}
.bg-g{background-color: #ccc ;}
.bg-o{background-color: #f9c270 ;}
.bg-bk{background-color: #000 ;}
.bg-yellow{background-color: #fee28a ;}
.bg-pink{background-color: #ba4c63;}
.bg-gray{background-color: #dcdcdc;}
.bg-purple{background-color: #c6d6ee;}
.bg-green{background-color: #6E7455;}


.bg-all{
	background-image: url("../images/bg.png");
	background-position:center;	
	background-repeat: repeat;
	background-size: auto;
	-ms-background-size: auto;
	-moz-background-size: auto;
	-webkit-background-size: auto;
}

/*BTN AREA*/
.topline{width:70px;}
/*.btn-yellow*/
.btn-yellow{color:#fff;background-color:#C7A869;border-color:#C7A869}
.btn-yellow:hover{color:#fff;background-color:#A67E2D;border-color:#A67E2D}
.btn-yellow.disabled,.btn-yellow:disabled{color:#fff;background-color:#C7A869;border-color:#C7A869}
.btn-yellow:not(:disabled):not(.disabled).active,
.btn-yellow:not(:disabled):not(.disabled):active,
.show>.btn-yellow.dropdown-toggle{color:#fff;background-color:#A67E2D;border-color:#A67E2D}
/*.btn-green*/
.btn-green{color:#fff;background-color:#6E7455;border-color:#6E7455}
.btn-green:hover{color:#fff;background-color:#4A4E36;border-color:#4A4E36}
.btn-green.disabled,.btn-green:disabled{color:#fff;background-color:#6E7455;border-color:#6E7455}
.btn-green:not(:disabled):not(.disabled).active,
.btn-green:not(:disabled):not(.disabled):active,
.show>.btn-green.dropdown-toggle{color:#fff;background-color:#4A4E36;border-color:#4A4E36}
/*##BTN AREA*/
.btngo{
	font-size: 2.4rem;
	line-height: 2.6rem;
	font-weight: bolder;
	color: #fff;
	background-color: #222;
	padding: 20px 0;
	box-shadow: -8px 8px 0 rgba(100,100,100,.8);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.btngo:hover{
	font-size: 2.5rem;
	color: #ffe05f;
	box-shadow: -2px 2px 0 rgba(100,100,100,.8);
}
/*footerstyle*/
#logo{width: 150px;margin-top: 5%;}
#footerstyle{
	padding: 3em 0;
	background-color: #161616;
	color: rgba(255, 255, 255, 0.9);
	font-size: 16px;	
	text-align:center;}
#footerstyle a {
  color: rgba(255, 255, 255, 0.6);}
#footerstyle a:hover {
  color: white;}
.footerstyle-social {
  padding: 0;
  margin: 0;}
.footerstyle-social li {
/*display: inline;*/
  padding: 0;
  margin: 0;
  list-style: none;}
.footerstyle-social li a {
  padding: 10px;
  font-size: 16px;}
@media screen and (max-width: 1199px) {
footer h4 {
    font-size: 2.6em;
    margin-bottom: 0.7em;}	
	
}@media screen and (max-width: 991px) {
.bn-ps{left: 0;top: 10%;width: 300px;}
.footer_logo{
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom-width: 1px ;
		border-bottom-style: solid;
		border-bottom-color: rgba(255, 255, 255, 0.6);
	}
}@media screen and (max-width: 767px) {
footer {
    padding: 2em 0 6em 0;
}	
}@media screen and (max-width: 575px) {	
#footerstyle ul {
  border-bottom-width: 1px ;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.6);
	padding: 1em 0;
	/*margin: 0 3em; */
}	
		
  #footerstyle {
    padding: 3em 0;
  }	
}	
/*end_footerstyle*/

/*---------------------------media------------------------------*/
@media screen and (max-width: 1400px) {
}
/*992~1200*/
@media screen and (max-width: 1199px) {
	
}@media screen and (max-width: 991px) {
.btn_act {
    margin-right: 2px;
    margin-bottom: 4px;
    padding: 7px 29px;
    font-size: 1.4rem;
}		
.btngo{
	font-size: 2.2rem;
	line-height: 2.4rem;

}	
}@media screen and (max-width: 768px) {
.btn_act {
   margin-right: 0;
    padding: 5px 33px;
    font-size: 1.2rem;
}

}@media screen and (min-width: 576px) {
.type_ph{display: none;}

	
}/*手機板575*/
@media screen and (max-width: 575px) {
.btngo{
	font-size: 1.8rem;
	padding: 15px 0;
	box-shadow: -8px 8px 0 rgba(100,100,100,.8);
}
.btngo:hover{
	font-size: 2rem;
	box-shadow: -2px 2px 0 rgba(100,100,100,.8);
}
section{padding-bottom: 3rem;padding-top: 3rem;}	
article{padding-bottom: 2rem;padding-top: 2rem;}	
.type_pc{display: none;}
.container:not(.nolr){
    padding-left: 0!important;
    padding-right: 0!important;}	
.btn_act {
    margin-right: 2px;
    margin-bottom: 8px;
    padding: 5px 11%;
    font-size: 1.1rem;
}		
	
}/*END(max-width: 575px)*/
@media screen and (max-width: 472px) {	


}/*END(max-width: 472px)*/
@media screen and (max-width: 420px) {


}