/* Move down content because we have a fixed navbar that is 3.5rem tall */
.head{
  position: fixed;
  top: 0;
  right: 0;
  left: 0; 
  z-index: 1500;
  margin:auto; /*控制MENU位置*/
  max-width:1170px;/*控制MENU位置*/}
#gotop {
display:none;
position: fixed;
right: 30px;
bottom: 30px;
padding: 10px 18px;
font-size: 20px;
color: white;
cursor: pointer;
background-color:#666;
opacity: 0.5; 
border-radius: 50%/50%; 
-webkit-border-radius: 50%/50%; 
-moz-border-radius: 50%/50%;
}
/*文字設定*/
.w_red{	
  color:#C00;
  }
.w_blue{	
  color:#06C;
  }
.w_Dblue{
  color:#039;
  font-weight: 700;
 }
 .w_org{	
  color:#F60;
  }
.w_grn{	
  color:#096;
  }
 .w_black{	
  color:#333;
  }
 .w_note {
	  color:#888;
	  font-size:0.9rem;
	  margin-bottom:2rem;
  }
.board{
  color:#FFF;
  font-weight: 700;
  line-height: 1.6;	
	}
.p_left01{
	padding-left:2rem;
	}
.p_up{
	padding-top:1rem;
	}
.p_updown{
	padding-top:2rem;
	padding-bottom:2rem;
	}
.flow {
	background-color:#FFC;
	}
/*動態delat*/
.d01{
animation-delay:0.8s;
}
.second{
animation-delay:0.6s;
}	
.qa-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #6c757d;
}

.qa-link:hover, .qa-link:focus {
  color: #333;
  text-decoration: none;
}
/*btn*/
.btn01 {
  display: inline;
  padding: 0.3em 0.3em;
  margin-top: 2em;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.btn01:hover {
  color: #fff;
  background-color: #161a1e;
}
/*menu*/
.logomark{
	margin: 0 ;
	padding:0;
		display:inline-block;
	float:left;	
	}
.logomark img{
	width:100%;
	}
.logo1 ,.logo2{
	display:inline-block;
	}
.logo1 {
	width:40%;
	}
.logo2 {
	width:55%;
	}
.eventmenu {
	margin-top:2rem;
	padding: 0.6rem 0;
	}
.eventmenu_qa {
	margin-top:1rem;
	padding: 0rem 0;
	}
.eventmenu > div,.eventmenu_qa> div{
	display:inline-block;
}
.eventqa {
	margin-top:-5rem;
	float:right;
	display:block;
	clear:both;
}
.eventbtn {
	display:inline-block;
}
.eventicon {
	padding: 0 0.5rem ;
	}
.eventbtn01, .eventbtn02, .eventbtn03 {
	background-color:#FFF;
	padding: 0.3rem 1rem;  
border-radius: 4px; /*圓角*/
-webkit-border-radius: 4px; 
-moz-border-radius: 4px;
box-shadow: 1px 1px 5px 1px #CCC;/*陰影*/
-webkit-box-shadow: 1px 1px 5px 1px #CCC;
-moz-box-shadow: 1px 1px 5px 1px #CCC;
-o-box-shadow: 1px 1px 5px 1px #CCC;
	}
.eventbtn01:hover , .eventbtn01:focus, .eventbtn02:hover , .eventbtn02:focus , .eventbtn03:hover , .eventbtn03:focus   {
	background-color:#FFF;
  outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.25);
}
.eventbtn01.focus {
	color:#FFF;
	font-weight:bold;
	background-color:#C00;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(173, 0, 13, 0.25);
}
.eventbtn02.focus {
	color:#FFF;
	font-weight:bold;
	background-color:#F93;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(250, 170, 60,  0.25);
}
.eventbtn03.focus {
	color:#FFF;
	font-weight:bold;
	background-color:#39B54A;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(57, 180, 74,  0.25);
}
/*大看板*/
.ad_image{
	background-image:url(../images/bg03.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:500px;
	display:block;
}
.ad_image02{
	background-image:url(../images/bg02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:500px;
	display:block;
}
.ad_image03{
	background-image:url(../images/bg01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:500px;
	display:block;
}
.ad_image04{
	background-image:url(../images/bg00.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:240px;
	display:block;
}
.ad_text{
    position:relative;
	max-width:320px;
	width:100%;
	height:100%;
    top:53%;
    left:6%;
    z-index:1;
	text-align:center;
}
.ad_text02{
    position:relative;
	max-width:320px;
	width:100%;
	height:100%;
    top:55%;
    left:6%;
    z-index:1;
	text-align:center;
}
.ad_text02 >h1{
	font-size:1.9rem;
	line-height:2rem;
	}
.h1_span {
	font-size:1.6rem;
}
.ad_text_qa{
    position:relative;
	max-width:300px;
	width:100%;
	height:100%;
    top:15%;
    left:10%;
    z-index:1;
	text-align:center;
}
.ad_text_qa>h1{
	font-size:1.7rem;
	line-height:2.3rem;
	}
/*內文*/
.item2 {
	margin-top:1rem;
	}
.item2b {
	margin-top:1.5rem;
	}
.item3 {
	margin-top:1rem;
	}
.item3 >ul {
	padding-top:0.5rem;
	}
.item4 {
	padding-top:1rem;
	}
.item5 {
	margin:1rem  0rem  0rem 0rem ;
	padding: 0 0.5%;
	color:#000;
	width:50%;
	display:block;
	text-align:center;
	}
.item5b {
	margin:1rem  0rem  0rem 0rem ;
		padding: 0 0.5%;
	color:#000;
	width:50%;
	display:block;
	text-align:center;
	}
.item5 p {
	padding-top:1rem;
	text-align:left;
	font-size:1em;
	}
.item5b p{
	padding-top:1rem;
	padding-left:0rem;
	text-align:center;
	font-size:1em;
	}
.item6 {
	margin:1rem  0rem  1rem 0rem ;
	padding: 0 1% ;
	color:#666;
	width:50%;
	display:block;
	text-align:center;
	}
.item6b {
	margin:1rem  0rem  1rem 0rem ;
	padding: 0 1%;
	color:#666;
	width:50%;
	display:block;
	text-align:center;
	}
.item6 p {
	padding-top:1rem;
	padding-left:0rem;
	text-align:center;
	font-size:1em;
	text-align:left;
	}
.item6b p{
	padding-top:1rem;
	padding-left:1rem;
	text-align:center;
	font-size:1em;
	text-align:left;
	}
.item6_pd{
	margin:auto;
}
.item5_pd{
	padding:0 0  0 7%;
}
.list{
	margin:1rem 0rem;
	padding:1rem 0.5rem;
	background-color:#FFF;
	}
.list02{
	margin:0rem 0rem;
	padding:0rem 0.5rem;
	}
.list_item>div{
	display:inline-block;
	text-align:left;
	margin-bottom:0.5rem;
	}

.sub01::before {
	content: url(../images/icon_mail.svg) ; /*產生一個空的元素*/
    position:relative;
	top:5px;
	left: 0px;  /*調整位置*/
}
.sub02::before {
	content: url(../images/icon_serch.svg) ; /*產生一個空的元素*/
    position:relative;
	top:5px;
	left: 0px;  /*調整位置*/
}
/*頁面標題*/
.pagetitle {
	background-color:#F2F2F2;
	margin:auto;
	padding:0.5rem 0  1rem 0;
}
.pagetitle_line {
	display:inline-block;
	width:15%;
	height:1rem;
	margin-top:1%;
	background-color:#DDD;
}
.pagetitle_text {
	font-size:1.4rem;
	color:#666;
	width:65%;
	display:inline-block;
	padding:0.5rem  0rem;
}
.contact{
	padding: 2%  3%;
}
.foot{
	background-color:#333;
	color:#FFF;
	padding:14px  0 1px  0 ;
	text-align:center;
	font-size:0.9rem;
	line-height:1rem;
	}
.hr_bottom {
	 margin-top: 0rem;
  margin-bottom: 0rem;
  height: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.quick{
	color:#039;
	padding:0.3rem 0 ;
	text-align:center;
	font-size:0.9rem;
	font-weight:600;
	}
.quick  a {
	color:#039;
	}	
.quick  a:hover {
	text-decoration:none;
	color:#06C;}	
/*常見問題QA*/
.question {
	margin: 0.5rem 1rem  0rem 1rem;
}
.question  >h3{
	margin-left : 30px; text-indent : -30px ;/*斷行縮排對齊語法*/
}
.question >h3::before {
	content: url(../images/icon_qa.svg) ; /*產生一個空的元素*/
    position:relative;
	top:5px;
	left: 0px;  /*調整位置*/
}
.question >p{
	margin-left: 2rem ;
}
@media (min-width: 400px) {
.ad_text{
	max-width:320px;
    top:55%;
    left:10%;
    z-index:1;
	text-align:center;
}
.ad_text02{
	max-width:320px;
    top:58%;
    left:10%;
    z-index:1;
	text-align:center;
}
.ad_text02 >h1{
	font-size:1.9rem;
	line-height:2rem;
	}
.h1_span {
	font-size:1.6rem;
}
.ad_text_qa{
    position:relative;
	max-width:300px;
	width:100%;
	height:100%;
    top:15%;
    left:10%;
    z-index:1;
	text-align:center;
}
.ad_text_qa>h1{
	font-size:1.7rem;
	line-height:2.3rem;
	}
}
.eventmenu {
	margin-top:2.5rem;
	padding: 0.6rem 0;
	}
.eventmenu_qa {
	margin-top:1rem;
	padding: 0rem 0;
	}
.eventmenu > div,.eventmenu_qa> div{
	display:inline-block;
}

@media (min-width: 576px) {
/*大看板*/
.ad_image{
	background-image:url(../images/BEC03.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:250px;
	display:block;
}
.ad_image02{
	background-image:url(../images/BEC02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:250px;
	display:block;
}
.ad_image03{
	background-image:url(../images/BEC01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:250px;
	display:block;
}
.ad_image04{
	background-image:url(../images/BEC00.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	width:100%;
	height:250px;
	display:block;
}
.ad_text{
    position:relative;
	max-width:360px;
	width:100%;
	height:100%;
    top:20%;
    left:44%;
    z-index:1;
	text-align:center;
}

}
@media (min-width: 768px) {
/*大看板*/
.ad_image, .ad_image02, .ad_image03{
	height:280px;
	display:block;
}
.ad_image04{
	height:200px;
	display:block;
}
.ad_text{
    position:relative;
	max-width:350px;
	width:100%;
	height:100%;
    top:14%;
    left:49%;
    z-index:1;
	text-align:center;
}
.ad_text02{
    position:relative;
	max-width:350px;
	width:100%;
	height:100%;
    top:10%;
    left:48%;
    z-index:1;
	text-align:center;
}
.ad_text_qa{
    position:relative;
	max-width:350px;
	width:100%;
	height:100%;
    top:30%;
    left:48%;
    z-index:1;
	text-align:center;
}
.ad_text >h1,.ad_text02 >h1,.ad_text_qa>h1{
	font-size:1.9rem;
	line-height:2.2rem;
	}
.h1_span {
	font-size:1.4rem;
	line-height:1.5em;
}
/*btn*/
.btn01 {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-top: 0.8em;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0.9em;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.btn01:hover {
  color: #fff;
  background-color: #161a1e;
}
/*menu*/
.logomark{
	float:left;
	padding-top:0.2rem;
	}
.logomark img{
	width:100%;
	}
.logo1 ,.logo2{
	display:inline-block;
	width:auto;
	}
.eventmenu {
	margin-top:0.2rem;
	padding: 1rem 0 ;
	}
.eventmenu_qa {
	margin-top:0.2rem;
	padding: 1rem 0 ;
	}
.eventmenu > div,.eventmenu_qa> div{
	display:inline-block;
}
.eventqa {
	margin-top:0rem;
	float:right;
	display:inline-block;
	clear:none;
}
.eventicon {
	padding: 0 0.8rem ;
	}
.eventbtn01,.eventbtn02 ,.eventbtn03{
background-color:#FFF;
padding: 0.3rem 3rem;  
border-radius: 4px; /*圓角*/
-webkit-border-radius: 4px; 
-moz-border-radius: 4px;
box-shadow: 1px 1px 5px 1px #CCC;/*陰影*/
-webkit-box-shadow: 1px 1px 5px 1px #CCC;
-moz-box-shadow: 1px 1px 5px 1px #CCC;
-o-box-shadow: 1px 1px 5px 1px #CCC;
	}
/*內文*/
.item3 {
	margin-top:1rem;
	}
.item3 > ul {
	margin-top:-0.5rem;
	}
.item4 {
	padding-top:3rem;
	}
.item5 {
	margin:2rem  1rem  1rem 0rem ;
	padding: 0 1% ;
	color:#666;
	width:19%;
	display:inline-block;
	text-align:center;
	border-right:#CCC 1px  solid;
	}
.item5b {
	margin:2rem  0rem  1rem -0.5rem ;
	padding: 0 1%;
	color:#666;
	width:17%;
	display:inline-block;
	text-align:center;
	}
.item6 {
	margin:1rem  0rem  1rem 0rem ;
	padding: 0 5% ;
	color:#666;
	width:30%;
	display:inline-block;
	text-align:center;
	}
.item6b {
	margin:1rem  0rem  1rem 0rem ;
	padding: 0 1%;
	color:#666;
	width:20%;
	display:inline-block;
	text-align:center;
	}
.item6_pd{
	margin:auto;
	padding-left:15%;
}
.line_right {
	border-right:#CCC 1px  solid; }
.item5 p {
	padding-top:1rem;
	text-align:left;
	}
.item5b p{
	padding-top:1rem;
	padding-left:1rem;
	text-align:left;
	}
.item5_pd{
	padding:2%  0  2%  5%;
}
.list{
	margin:1.5rem 2rem;
	padding:1rem 2rem;
	background-color:#FFF;
	}
.list02{
	margin:0rem 2rem;
	padding:0rem 2rem;
	}
.list_item>div {
	display:block;
	text-align:center;
	margin-bottom:0.5rem;
	}
.list_pd {
	padding:2rem 0rem 2rem 1rem;
}
.list_pd02 {
	padding:1rem 0rem 1rem 1rem;
}
.contact{
	padding: 4%  1%;
}
/*頁面標題*/
.pagetitle {
	background-color:#F2F2F2;
	margin:auto;
	max-width:1024px;
	padding:0.5rem 0.6rem  1rem 0.6rem;
}
.pagetitle_line {
	width:33%;
	height:1rem;
	margin-top:1%;
	background-color:#DDD;
}
.pagetitle_text {
	font-size:1.55rem;
	color:#666;
	width:30%;
	padding:0.5rem  0rem;
}
/*常見問題QA*/
.question {
	margin: 1rem 2rem  0rem 2rem;
}
.question >h3::before {
	content: url(../images/icon_qa.svg) ; /*產生一個空的元素*/
    position:relative;
	top:5px;
	left: 0px;  /*調整位置*/
}
.question >p{
	margin-left: 2rem ;
}
.foot{
	line-height:0.5rem;
	}
.quick{
	font-size:1rem;
	}
@media (min-width: 992px) {
.ad_image, .ad_image02 , .ad_image03{
	height:380px;
	display:block;
}
 .ad_image04 {
   height:250px;
	display:block;
}
.ad_text{
    position:relative;
	max-width:430px;
	width:100%;
	height:100%;
    top:27%;
    left:53%;
    z-index:1;
	text-align:center;
}
.ad_text02{
    position:relative;
	max-width:520px;
	width:100%;
	height:100%;
    top:27%;
    left:47%;
    z-index:1;
	text-align:center;
}
.ad_text_qa{
    position:relative;
	max-width:520px;
	width:100%;
	height:100%;
    top:40%;
    left:30%;
    z-index:1;
	text-align:center;
}
.ad_text >h1, .ad_text02 >h1, .ad_text_qa >h1{
	font-size:1.9rem;
	line-height:3rem;
	}
.h1_span {
	font-size:1.55rem;
}
.list{
	margin:1rem 2rem;
	padding:1rem 1rem;
	background-color:#FFF;
	}
.list02{
	margin:0rem 2rem;
	padding:0rem 1rem;
	}
.list_item>div {
	display:block;
	text-align:center;
	margin-bottom:0rem;
	}
.list_pd {
	padding:0.5rem 0rem 0.5rem 1rem;
}
.list_pd02 {
	padding:0em 0rem 0rem 1rem;
}
/*btn*/
.btn01 {
  display: inline-block;
  padding: 0.5em 0.8em;
  margin-top: 0em;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 1em;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.btn01:hover {
  color: #fff;
  background-color: #161a1e;
}
/*常見問題QA*/
.question {
	margin: 1rem 3rem  0rem 3rem;
}
@media (min-width: 1200px) {
.ad_image, .ad_image02 , .ad_image03{
	height:390px;
	display:block;
}
 .ad_image04 {
   height:300px;
	display:block;
}
.ad_text02{
    position:relative;
	max-width:600px;
	width:100%;
	height:100%;
    top:27%;
    left:48%;
    z-index:1;
	text-align:center;
}
.h1_span {
	font-size:1.7rem;
}
.list_pd {
	padding:1rem 0rem 1rem 1rem;
}
.list_pd02 {
	padding:0.5rem 0rem 0.5rem 1rem;
}
/*頁面標題*/
.pagetitle {
	background-color:#F2F2F2;
	margin:auto;
	max-width:1180px;
	padding:0.5rem 0.6rem  1rem 0.6rem;
}
.pagetitle_line {
	width:37%;
	height:1rem;
	margin-top:1%;
	background-color:#DDD;
}
.pagetitle_text {
	font-size:1.55rem;
	color:#666;
	width:23%;
	padding:0.5rem  0rem;
}
}