@charset "UTF-8";
/* CSS Document */




@media screen and (max-width:1099px)
	{ 
		 html,body{font-size:1em;line-height:1.2;}	
		
		 h2{font-size:1.6em;font-weight:bold;}
	
	     h3{font-size:1.2em;font-weight:bold;color:#333;}
	
	     h4{font-size:1.3em;line-height:24px;}
		
		  nav{border-bottom:0px solid #dbdbdb;background:#fff;}
		
		form{margin:0;}
		
		.title{width:100%;text-align:center;margin:25px 0px;font-size:1.4em;height:30px;line-height:30px;}
		
		.confirm{padding:0px}
		
		.form_note{padding:5px;}
		
		.menu_con{width:100%;height:60px;background:#fff;text-align:center;border-top:3px solid #ca4f0f;}

	    .menu_con>.logo>img{height:55px;}
	
        .con{width:96%;margin:15px auto;padding:0px;-webkit-overflow-scrolling:touch;backgrounds:#fff;transition:0s ease;overflow:auto;}
			
      	
		.menu_con>ul{float:none;width:80px;height:60px;margin:0px;top:0px;right:0px;z-index:1001;background:#ca4f0f;color:#Fff;position:absolute;display:none;}
		
		
		
		.menu_con>ul>li>a{display:none;}	
		
		.mobile_btn{display:none;}
			  
		
		.btn_set{transition:0.25s ease; text-align:center;}
		
		
		.lan{font-size:1em;letter-spacing:1px;position:absolute;top:0px;right:80px;border:0px solid #dbdbdb;width:80px;height:60px;line-height:60px;text-align:center;color:#Fff;background:#333;z-index:1000;border-radius:0px;}
		
		.lan .material-icons{margin-top:0px;margin-left:1px;vertical-align: middle;font-size:2.4em;height:60px;padding-top:11px;}
		
		.lan:hover{transition:0.35s ease;height:210px;} 
		
		.lan>div>a{display:block;height:50px;line-height:50px;}
		
		
		
		
		   /*按鈕設計 */

    .btn_design_set{width:100%;margin:10px auto 10px auto;height:40px;float:none;}

    .btn_design{width:40px;height:40px;border-radius:20px;background:#ca4f0f;color:#fff;text-align:center;cursor:pointer;user-select:none;transition:0.25s ease;overflow:hidden;float:right;margin-right:0px;}	
	
	.btn_design .material-icons{color:#fff;font-size:2.1em;transition:0.25s ease;display:block;float:left;margin-left:6px;margin-top:7px;}
	
	.btn_design:hover{width:150px;text-align:left;padding-left:10px;background:#333;transition:0.25s ease;}
	
	.btn_design:hover .material-icons{padding-left:-60px;transition:0.25s ease;}
	
	
	.text{color:#fff;vertical-align: top;font-size:0.875em;font-weight:bold;line-height:27px;opacity:0;padding-left:2px;display:block;float:left;}
	
	.btn_design:hover .text{opacity:1;}
		
		 /* top_btn 定義 */
		.top_btn{transform:scale(0.75);	}
	
	
		
		/*btn define*/
		
		.quick_btn{width:33%;height:60px;font-size:1em;border:none;outline:none;margin:10px 0px;}
		
		
		.base_btn{width:30%;font-size:0.875em;margin-right:1%;letter-spacing: 1px;}
		
        .base_btn:hover{background:#ca4f0f;color:#fff;transition:0.25s ease;}   
		
         .row{margin:5px 0px;}
		
		 .col50{width:100%;margin:5px auto;}
		
		 .col33{width:100%;margin:5px auto;}
  
         .col50:nth-child(odd){float:none}

         .col50:nth-child(even){float:none}
		
		
		
		  /*checkbox 定義*/

    
						
	 .checkbox_con>i{font-size:2.6em;}
 	
    
 
		
		
		
		 /* 彈跳式視窗遮罩 定義 */
		.mask{width:100%;height:100%;background:rgba(0,0,0,0.9);position:fixed;top:0px;left:0px;z-index:20000;display:none;}
	   
	    .pop{width:96%;max-height:450px;top:50%;left:50%;margin-top:-225px;margin-left:-48%;overflow:hidden;opacity:1;transform:scale(0.90)}

	    .pop .pop_content{max-height:340px;}

		#next_btn,#pre_btn{display:none;}
		
		#pre_btn,#next_btn{top:200px;}

        footer{font-size:0.7em;letter-spacing:0.3px;padding-top:5px;} 
		
		footer>span{display:block;margin-top:-1px;}
		
		/*banner 區塊定義*/

		 .banner{width:100%;height:560px;background:url(bg3.jpg) 50% 50% no-repeat;background-size:cover;}
		 
		 .banner>.con>.gotobuy_frame{overflow:auto;width:100%;height:320px;margin-top:0px;position:relative;-webkit-overflow-scrolling:touch;-ms-overlf}
		
		.gotobuy_frame::-webkit-scrollbar{display:none}
		
		
		.banner>.con>article{color:#fff;padding-top:30px;font-size:0.9em;width:96%;margin:0px auto;}
		
		 .gotobuy_index{width:1850px;height:300px;position:absolute;top:0px;left:-148px;transform:scale(0.85);}
		 
		 .gotobuy_index>div{width:310px;height:320px;background:#efefef;padding:0px;position:relative;float:left;margin-left:48px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin-left:0px;}
		 

		
		
		 .gotobuy_index>div>div{position:absolute;top:-18px;right:21px;}
		 
		 .gotobuy_index>div>div>img{box-shadow:1px 1px 4px rgba(0, 0, 0, 0.3)}
		 
		 .gotobuy_index>div>article{padding:20px;margin-top:95px;}
		 
		 .gotobuy_index>div>article>h3{font-size:1em;font-weight:bold;margin:10px 0px;}
		 
		 .gotobuy_index>div>article>p{font-size:1em;line-height:24px;letter-spacing:1px;color:#848484;}
		 
		 .gotobuy_index>div>article>span{font-weight:bold;}
		
		
	
		  /*查詢車次表表格樣式*/  
					.list_timetable{width:100%;margin:30px auto 5px auto;}
					   
					.list_timetable>h3{float:none;font-size:1em;color:#666;margin-bottom:10px;}
		
				   

				    .list_timetable_con table{clear:both;width:1040px;margin:0px auto;border:1px solid #d2d2d2;}
					   
					.list_timetable th{padding:10px;background:#4f4f4f;color:#Fff;font-size:0.675em;letter-spacing: 1px;}   
					   
					.list_timetable td{padding:15px;text-align:center;letter-spacing:0.2px} 
		
		
		
		
		/*info_元件定義*/
		
		.info{width:96%;border-top:1px solid #d2d2d2;margin:10px auto;overflow:auto;border-collapse: collapse;border-left:1px solid #d2d2d2;background:#fff;}
		.info>div{width:100%;float:none;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:5px 15px;}
		.info>div>p{color:#9e9e9e;font-size:0.75em;}
		.info>div>h3{color:#333;margin-top:5px;font-size:1em;letter-spacing:0.2px}
		
		
		.booking{margin:0;}
		
		.booking>.content{width:96%;margin:0px auto;padding:0px;}
		
		
		/*info_card元件定義*/
		
		.info_card{width:100%;border:1px solid #d2d2d2;padding:10px;margin:15px auto;}
		
		.info_card:nth-child(odd){float:none;}
		
		.info_card:nth-child(even){float:none;}

		.info_card>.value{width:100%;overflow:auto;}
		
		.info_card>.value>p{float:left;margin-right:5px;width:46%;margin-bottom:10px;border-bottom:1px dashed #d2d2d2;padding-bottom:5px;font-size:0.75em;}
		
        .info_card>.value>p:first-child{font-weight:bold;}
		
		.info_card>.status{top:0px;left:0px;}
		
		.info_card>.status>i{font-size:1.875em;top:-3px;transition:0.25s ease;right:12px;}
		
		.info_card a{}
		
		.info_card .material-icons{font-size:1.75em;margin-right:-4px;}
		
		    /*內頁活動註解*/
					 
			 .note{width:96%;margin:5px auto;padding:5px;clear:both;}
					 
			 .note h3{font-size:0.938em;color:#666;margin-bottom:0px;letter-spacing:0.5px;}
					 
			 .note ul{padding:5px;}

			 .note ul li{margin-bottom:5px;line-height:1.5;letter-spacing: 0.6px}

		
		
		
	      /*產品介紹*/
    
         #product{display:none;margin-bottom:40px;}
		 
		.table_con{overflow:auto;}
		 
		 .table_style{width:760px;margin:30px auto;} 
		 
		 .table_style th{padding: 15px;font-size: 1em;text-align:center;}
		 
		 .table_style th:first-child{width:300px;}

	     /*使用方式*/

        .howtouse{border:0px solid #d4d4d4;margin-top:0px;padding:0px;height:auto;}
	
		.howtouse>div{width:65%;float:none;height:auto;padding:0px;margin:15px auto;}

		.howtouse>div>h2{background:#4f4f4f;text-align: center;padding:10px;color:#fff;font-size:1.2em;}
		
		.howtouse>div>h2>.material-icons{margin-right:3px;font-size:1.2em;vertical-align:bottom;}
		
		.howtouse>div>p{padding:15px;}
		
		 /*推薦景點*/


         .spot{margin:0px;padding:0px;}
		
		.spot>.station_menu{background:none;border:0px solid #d4d4d4;padding:5px;overflow:auto;}
  
		.spot>.station_menu>div{width:1050px;}
		
		.spot>div>button{}
		
		
		.spot>div>button:hover:enabled{background:#ca4f0f;color:#fff;border:0px;transition:0.25s ease;}
		
		.spot>div>button .active{color:#ca4f0f;font-weight:bold;}
		
	   .spot>.group{width:96%;padding:5px;margin:10px auto;}
		
		
		.spot>.group>.item{height:auto;width:48%;background:#Fff;display:inline-block;border:1px solid #d4d4d4;margin:10px 1%;float:left;}
	
		
		.spot>.group>.item>.photo>img{width:100%;padding:0px;}
		
		.spot>.group>.item>article{padding:15px;height:auto;overflow:auto;height:200px;}
		
		.spot>.group>.item>article>.route{margin:10px 0px;color:#999;}
		
		.spot>.group>.item>article>.route>i{vertical-align: bottom;margin-right:5px;font-size:1.563em;}
	
		 /*票務規則*/
        .rule{width:100%;padding:5px;margin:15px 0px;}

		.rule>.item{position:relative;width:100%;border:1px solid #d2d2d2;background:#Fff;margin:5px 0px;padding:10px 0px 10px 0px;display:inline-block;cursor:pointer;transition:0.25s ease;box-shadow:0px 0px 2px rgba(0,0,0,0.2)}
		
		.rule>.item>h4{padding-left:20px;}
		
		.rule>.item>.more_icon{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0px solid #d4d4d4;border-radius:30px;user-select:none;text-align:center;}
		
		.rule>.item>.more_icon>.material-icons{font-weight:bold;color:#333;font-size:1.3em;transition:0.25s ease;}
		
		.rule>.item:hover h4{transition:0.25s ease;color:#ca4f0f;}
		
		.rule>.item:hover .material-icons{color:#ca4f0f;transition:0.25s ease;}
		
		
		.rule>.item>.rule_content{margin-top:20px;display:none;padding:0px;border-top:1px solid #d2d2d2;}
		
		.rule>.item>.rule_content>ul{list-style-type:disc;width:80%;margin:10px auto;}
		
		.rule>.item>.rule_content>ul li{margin-bottom:20px;}
		 
		/*buy頁面*/
     	
		.buy{width:100%;margin-top:0px;background:#Fff;}
		
		.buy>h3{padding:15px;border-bottom:0px solid  #d2d2d2;font-size:0.875em;background:#333;color:#fff;letter-spacing:0.2px}
	  
	    .buy>.content{width:98%;margin:5px auto;padding-bottom:0px;padding:5px;}
		
		 #buy_card{width:96%;;transition:0.25s ease; margin:20px auto;height:auto;padding:50px;float:none;max-width:450px;}
		 
		 #buy_card>.material-icons{font-size:8em;user-select:none;margin:0px;padding:0px;transition:0.5s ease;transform:rotate(0deg)}
						  
		 #buy_card>p{font-weight:bold;color:#666;letter-spacing:1px;transition:0.5s ease;font-size:0.875em;}
			
		 #buy_card:hover{color:#ca4f0f;transition:0.25s ease;box-shadow:4px 4px 9px 0px rgba(0,0,0,0.15);}
						  
		 #buy_card:hover .material-icons{transform:rotate(90deg);transition:0.35s ease;}
						  
		 #buy_card:hover p{color:#ca4f0f;transition:0.25s ease;}
						  
						  /*input */
		 input[type="text"]{width:100%;outline:none;height:50px;margin:10px 0px;font-size:1em;color:#666;font-family: Microsoft JhengHei;padding:10px;}
						  
						  /*select*/
		 .de-select{width:49%;;height:50px;border:1px solid #d2d2d2;outline:none;background:#fff;border-radius:0px;font-size:1em;color:#666;font-family: Microsoft JhengHei;padding:10px;float:left;}
						  oloat
						   
.form_btn_style{margin:50px auto;text-align:center;}
		
		
		                  .form_btn_con{margin:10px auto;text-align:center;padding-bottom:20px}
		
						  .main_btn{font-size:0.813em;border:0px;transition:0.15s ease;outline:none;width:95px;margin:4px;height:55px;letter-spacing:0.5px;}
						  
						  .main_btn:hover{transition:0.25s ease;}

		

		
		
		
		 
		
		
		
		
	 }


@media screen and (max-width:800px)
{ 
	.spot>.group>.item{height:auto;width:90%;background:#Fff;display:block;border:1px solid #d4d4d4;margin:10px auto;float:none;}
	
	
	.howtouse>div{width:90%;}
	
	 /*車次表的table*/
    .list_timetable_con table{clear:both;width:750px;margin:0px auto;}
	
	 /*右上方的控制按鈕*/
	.control_btn_set{padding-bottom:10px;}
	
	  /*我已閱讀 checkbox*/
	.iknow>div{float:left;width:6%;}
	
	  /*經銷商頁面*/

         .agency{background:none;width:90%;overflow:auto;margin:0px auto;}
		
		 input[type="select"]{display:block;width:100%;height:60px;border:1px solid #d2d2d2;outline:none;background:#Fff;}
		
		.de-select{width:100%;height:50px;margin-bottom:10px;}
		 
		.de-select:first-child{float:none}
		
		.de-select:last-child{float:none}
		
		.agency-info{border:0px solid #d2d2d2;padding:0px;background:none;margin:20px auto;overflow:auto;}
		
	
	
	
	.card{background:#fff;border:1px solid #d2d2d2;width:90%;margin:10px auto;margin-bottom:30px;}
		
		.card:nth-child(odd){float:none;}
		
		.card:nth-child(even){float:none;}
		
		.card>h4{border-bottom:1px solid #d2d2d2;padding:8px 10px;color:#fff;}

		.card>h4:before{content:"●";padding-right:2px;font-size:0.375em;vertical-align: top;}
		
		.card>article{padding:10px;height:auto;}
		.card>article>p{margin-bottom:5px;color:#666;border-bottom:1px dashed #d2d2d2d2;padding-bottom:5px;}
		
		.card>.go{display:block;height:30px;text-align:right;padding-right:10px;}
		
		.card>a.go{font-weight:bold;font-size:0.875em;margin-bottom:10px;color:#ca4f0f;}
		
		.card>a.go:before{content:"▸";padding-right:5px;}

   }