@charset "UTF-8";
.en{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.en .title-01{letter-spacing:0px;}

/*英文版end*/ 
/*日文版start*/ 
.jp {font-family:"Noto Sans JP", "Microsoft JhengHei", Helvetica, Arial, sans-serif;}
.jp .title-01{letter-spacing:2px;}

/*日文版end*/ 
/*basic*/
	*{padding:0;margin:0;box-sizing: border-box;}
		
	ul,ol{list-style-type:square;}
	
	a{text-decoration:none;}
	
	table {border-collapse: collapse;border-spacing: 0;}
	
	#section{padding:5px;margin:20px 0px;}
	 
	#section .row{clear:both;overflow:auto;margin:5px 0px;}

	.con{margin:10px auto;line-height:1.5;color:#666;}
	
	
	.con>section>.banner{max-width:100%;}
	
	
	.con>section>h1{font-size:1.3rem;color:#ca4f0f;margin-bottom:10px;}
	
	.con>section>h2{font-size:1.2rem;color:#333;font-weight:500;margin-bottom: 10px;text-align: center;}

.s_sub{font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;padding: 10px;background-color: #f7f7f7;}
.s_sub a {
    color: #ca4f0f;
    text-decoration: underline;
    padding: 3px;
}
/*new title style*/
   .con>section>h3{
    font-size: 1.4rem;
    padding: 10px 0 10px 0;
    border-bottom: 3px solid #E8E8E8;
    position: relative;
    color: #333;
    font-weight:400;
	}
    .con>section>h3::before{
    content: "";
    position: absolute;
    height: 3px;
    width: 80px;
    left: 0;
    bottom: -3px;
    background-color: #DD5000;
    }
.en .con>section>h3{
   font-size: 1.3rem;
}


	/*note*/
	.note {width:100%;padding:15px;border-radius:5px;margin:10px 0px;}
	
	.note ul,ol{padding-left:12px;margin-bottom:20px;}
	
	.note li{margin-bottom:8px;margin-left:10px;}
	
	.note>ul>li>ol{margin-top:10px;padding-left:15px;list-style-type:disc;}
	
	.note a{color:#ca4f0f;text-decoration: underline;border:0px solid #ca4f0f;margin:0px 2px 0px 2px;padding: 0px 1px 0px 1px;}
	/*.note a:focus{background-color:#c64800;color:#FFF;text-decoration: none;}*/
	
	.note h3{padding-top:15px; padding-bottom: 10px;}
	.note h4{font-size:1em; font-weight:bold; padding-top:5px;color: #333333;}
    .note h5{font-size:1em;}
	/*btn 車次表*/
	
	.con .btn_group{overflow:auto;margin:10px 0px;}
	
	.con .btn{min-width:18%;padding:10px 15px;background:#646464;color:#fff;display:block;text-align:center;margin:10px;float:left;transition:0.25s ease;font-size:1rem;}
	.con .btn:focus{transition:0.25s ease;background:#ca4f0f;color:#fff}
	.con .btn:hover{transition:0.25s ease;background:#ca4f0f;color:#fff}
     /*單行的車次表連結*/
	 a.btn.btn1{line-height:3em;text-decoration: none;}
	
	/* 立即前往....置中按鈕 */
	
	 .more_btn{text-align:center;padding:15px;}
		   
	 .more_btn>a{background:#646464;text-align:center;width:300px;height:60px;line-height:60px;display:inline-block;color:#Fff; }
		   
	 .more_btn>a:hover{background:#ca4f0f;border-radius:0px;transition:0.25s ease;color:#Fff;}
	 .more_btn>a:focus{background:#ca4f0f;border-radius:0px;transition:0.25s ease;color:#Fff;}	  
 
	 .more_btn>a::after{content:"❯❯";margin-left:5px;transition:0.25s ease;}
		   
		   
	 .more_btn>a:hover::after{margin-left:15px;transition:0.25s ease;}
	
	
	
	
	/*pdf word 下載按鈕*/
	 .dl_group{width:100%;margin:10px auto;padding:15px;border:0px solid #222; }
			   
	 .dl_btn{background:#646464;color:#fff;margin-left:5px;padding:5px 15px;text-transform: uppercase;transition:0.25s ease;cursor:pointer;}
			   
     .dl_btn:hover{background:#ca4f0f;transition:0.25s ease;border-radius:5px;color:#fff;}
	
	
	
	
	
	
	/*table*/
	
	.table_con{overflow:auto;margin:10px 0px;text-align:center;}
	
	.table_con>h3{text-align:center;color:#333;font-size:1.2rem;margin:15px 0px;}
	
	.table_con>table{width:96%;margin:20px auto;min-width:640px;}
	.table_con>table caption{text-align: center;color: #333;font-size: 1.2rem;padding: 15px 0px;caption-side: top;}
	.table_con>table th{border:1px solid #ddd;text-align:center;padding:5px;background:#767676;color:#Fff;font-weight:normal}
	
	.table_con>table td{border:1px solid #ddd;padding:5px;vertical-align:middle;text-align: center;}
	
	.e7f7ff{background:#e7f7ff;}
	
	.FFEBEF{background:#FFEBEF;}
	
	.bbbbbb{background:#bbbbbb;}
	.f0f0f0{background:#f0f0f0;}
	.B7DBBA{background:#d6ead8;}
	.Db5009 {color:#c64800;font-weight: 500;}
	.CCCCCC{background: #e4e4e4;}
	.table_con a{color:#ca4f0f;}
    .strong{color: #444;font-weight: 500;}
	
	/*時刻表下方說明*/
    .content_left{text-align: left;}
	.table_left{text-align: left;width: 50%;float: left;}
	.table_right{text-align: right; width: 50%;float: right;}
	
	
	/*photo_con*/
	/*.col33-三欄式 .col50- 二欄式*/
	
	.photo_con{width:100%;padding:5px;}
	
	.photo_con img{border:1px solid #ddd;width:100%;}
	
	.col25{width:25%;padding:5px;float:left;}
	
	.col33{width:33%;padding:5px;float:left;}
	
	.col50{width:50%;padding:5px;float:left;}
	
	
	
	/*字卡 box  50%設計*/
	.box{display:block;width:49%;float:left;padding:0px;border:1px solid #ddd;margin-left:0.5%;}

	.box>h3{color:#333;font-size:1.2rem;text-align:center;border-bottom:1px solid #bbb;padding:15px;background:#f2f2f2;}

	.box>.note{height:150px;overflow:;}
	
	
    /*商品兌換*/
	
	.product_list{width:100%;margin:10px auto;overflow:auto;}
			
	.product_list>.store_item{float:left;width:20%;text-align:center;margin:10px 0px;}
			
	.product_list img{border:1px solid #ddd;padding:10px;width:90%;}
			
	.product_list>.store_item>article>h3{color:#333;margin-top:10px;}
			
	.product_list>.store_item>article>h4{color:#ca4f0f;font-weight:100;}
	
	
	 /* 府城動物明星-圖文字卡*/
	 .grid_con{width:100%;overflow:auto;}
		   
		   
	 .grid_con>div{width:310px;border:1px solid #ddd;background:#Fff;float:left;margin-right:10px;margin-top:15px;}
		   
	 .grid_con span{padding-left:5px;padding-top:5px;color:#a0a0a0;font-size:0.9rem;}
		   
	 .grid_con a{display:block;text-align:center;padding:10px 0px;background:#646464;color:#fff;transition:0.25s ease;text-transform:uppercase;}
		   
		   
	 .grid_con a:hover{background:#ca4f0f;transition:0.25s ease;}
		   
	 .grid_con>div>article{padding:15px;margin:10px 0px;height:250px;overflow:auto;}
		   
	 .grid_con>div>article>h3{font-size:1.1rem;color:#666;}
		   
/*配合無障礙調整start*/			
.static-h3{
    font-size: 1.4rem;
    padding: 7px 0 6px 0;
    border-bottom: 3px solid #E8E8E8;
    position: relative;
    color: #333;
    font-weight: 400;
    margin-bottom: 0px;
}
.static-h3::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 80px;
    left: 0;
    bottom: -3px;
    background-color: #DD5000;

}
.static-h4{
    font-size: 1em;
    font-weight: bold;
    color: #333333;
    margin-bottom: 5px;
}
/*配合無障礙調整end*/	

	@media screen and (max-width:801px){
/*選單第二層*/
.menu-lv2>.container>ul>li h5{padding-right:20px;}

	#section:first-child{padding:0px;margin:0px;}
	
	#section{padding:10px;}	
		
	.con{width:100%;font-size:0.9em;margin:0px;padding:0;}
		
	.con>section>.banner{max-width:100%;border:0px solid #e2e2e2;margin:0;}	
		
	.con>section>h1{font-size:1.3em;width:100%;letter-spacing: 1px;background:#ca4f0f;color:#fff;text-align:center;padding:10px 0px;margin:0;}
	
	.con>section>h2{font-size:1.2em;margin-bottom:5px;font-weight:600;padding:5px;}
	
	.con>section>h3{font-size:1.1rem;}
	
		/*note*/
	.note {width:100%;padding:15px;border-radius:0px;margin:5px 0px;}
	
	.note ul,ol{padding-left:8px;margin-bottom:10px;}
	
	.note li{margin-bottom:8px;}
	
     /*.note>ul>li:before{content:"◦";margin-left:-8px;} */
	
	.note>ul>li>ol{margin-top:10px;padding-left:15px;}
    
	 /*.note>ul>li>ol>li:before{content:"▪";margin-left:-8px;} */
	
	.note a{color:#ca4f0f;text-decoration: underline;border:0px solid #ca4f0f;padding:2px 5px;word-wrap:break-word;}
	
	/*.note a:before{content:"▸";padding-right:2px;padding-left:5px;}	*/
		
	  /*btn 車次表*/
	
	.con .btn_group{overflow:auto;margin:10px 0px;}
	
	.con .btn{width:85%;padding:10px 15px;background:#646464;color:#fff;margin:10px auto;float:none;transition:0.25s ease;}
	
	.con .btn:hover{transition:0.25s ease;background:#ca4f0f;}
		
	
  
	/*table*/
	
	.table_con{overflow:auto;margin:10px 0px;text-align:center;}
	
	.table_con>h3{font-size: 1rem;margin-top: -20px;text-align: left;}
	.table_con>table caption{font-size: 1rem;margin-top: -20px;text-align: left;}
	.table_con>table{width:96%;margin:20px auto;min-width:640px;font-size:0.8rem;}
	
	.table_con>table th{border:1px solid #ddd;text-align:center;padding:8px;background:#767676;color:#Fff;font-weight:normal;}
	
	.table_con>table td{border:1px solid #ddd;padding:3px;text-align: center;}
	
	/*時刻表下方說明*/
	.table_left{text-align: center;width: 100%;}
	.table_right{text-align: center;margin-right: auto;width: 100%;}	
     
		/*photo_con*/
	/*.col33-三欄式 .col50- 二欄式*/
	
	.photo_con{width:100%;padding:5px;}
	
	.photo_con img{border:1px solid #ddd;width:100%;}
	
	.col25{width:50%;padding:5px;float:left;}
	
	.col33{width:50%;padding:5px;float:left;}
	
	.col50{width:50%;padding:5px;float:left;}
		
    /*字卡 box  50%設計*/
	.box{display:block;width:80%;float:none;padding:0px;border:1px solid #ddd;margin:10px auto;}

	.box>h3{color:#333;font-size:1.1rem;}

	.box>.note{height:auto;overflow:none;}
		
		
	/*pdf word 下載按鈕*/
	 .dl_group{width:90%;margin:10px auto;border:1px solid #222;background:#efefef;overflow:auto;line-height:2rem; }
			   
	 .dl_btn{background:#646464;color:#fff;margin-left:5px;padding:5px;text-transform: uppercase;transition:0.25s ease;cursor:pointer;}
			   
     .dl_btn:hover{background:#ca4f0f;transition:0.25s ease;border-radius:5px;}
		
	
    
    /*商品兌換*/
	
	.product_list{width:100%;margin:10px auto;overflow:auto;}
			
	.product_list>.store_item{float:left;width:50%;text-align:center;margin:10px 0px;}
			
	.product_list img{border:1px solid #ddd;padding:5px;width:90%;}
			
	.product_list>.store_item>article>h3{font-size:1em}
			
	.product_list>.store_item>article>h4{font-size:0.8em;}		
		
	
	 /* 府城動物明星-圖文字卡*/
	 .grid_con{width:100%;overflow:auto;}
		   
		   
	 .grid_con>div{width:90%;border:1px solid #ddd;background:#Fff;float:none;margin:10px auto;}
		   
	 .grid_con span{padding-left:5px;padding-top:5px;color:#a0a0a0;font-size:0.8rem;}
		   
	 .grid_con a{display:block;text-align:center;padding:10px 0px;background:#646464;color:#fff;transition:0.25s ease;text-transform:uppercase;}
		   
		   
	 .grid_con a:hover{background:#ca4f0f;transition:0.25s ease;}
		   
	 .grid_con>div>article{padding:15px;margin:10px 0px;height:auto;overflow:none;}
		   
	 .grid_con>div>article>h3{font-size:1.1rem;color:#666;}	
		
		
		
	/* 立即前往....置中按鈕 */
	
	 .more_btn{padding:15px;}
		   
	 .more_btn>a{display:block;width:90%;height:60px;line-height:60px; margin:10px auto}
		   
	 .more_btn>a:hover{background:#ca4f0f;border-radius:0px;transition:0.25s ease;}
		   
	 .more_btn>a::after{content:"❯❯";margin-left:5px;transition:0.25s ease;}
		   
		   
	 .more_btn>a:hover::after{margin-left:15px;transition:0.25s ease;}
		
.slogan{font-size: 1em;}
.banner{max-width:100%;}
	}