@charset "UTF-8";


  /* 基本原素定義 */

    *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;}
	
	 html,body{font-size:1em;line-height:1.4;font-family:Microsoft JhengHei;width:100%;height:100%;color:#555;letter-spacing:0.8px;}	
	



	h2{font-size:1.875em;font-weight:bold;margin-bottom:10px;}
	
	h3{font-size:1.375em;font-weight:bold;color:#333;}
	
	h4{font-size:1.25em;line-height:36px;font-weight:bold;color:#4d4d4d;letter-spacing:0.5px;}
	
	ul,ol{list-style-type:none;}
	
	a{text-decoration:none;}
	
	span{color:#ca4f0f;margin-top:7px;display:inline-block;}
	
	button{font-weight:bold;cursor:pointer;font-family:Microsoft JhengHei;}
	
	button:focus {outline:none;}
	
    nav{border-bottom:0px solid #dbdbdb;background:#fff;}


   .section{margin:0px;overflow:auto;clear:both;}


    form{clear:both;margin:20px auto;}

    input:focus{outline:none}

input,
textarea,
button,
select,
a {
  
}

input{
     -webkit-appearance: none;
	
     border-radius: 0;
	border:1px solid #d2d2d2
}


    .confirm{padding:20px 0px;width:96%;clear: both;margin:0px auto;}
    
 
    /*按鈕設計 */

    .btn_design_set{width:100%;overflow:auto;}

    .btn_design{display:block;width:60px;height:60px;border-radius:60px;background:#ca4f0f;color:#fff;text-align:center;cursor:pointer;user-select:none;transition:0.25s ease;overflow:hidden;float:right;margin-left:20px;}	
	
	.btn_design .material-icons{color:#fff;font-size:2.4em;transition:0.25s ease;display:block;float:left;margin-left:11px;margin-top:10px;}
	
	.btn_design:hover{width:200px;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:1.125em;font-weight:bold;line-height:45px;opacity:0;padding-left:8px;display:block;float:left;}
	
	.btn_design:hover .text{opacity:1;}


	.title{width:100%;text-align:center;margin-top:50px;display:none;}

	.menu_con{width:1200px;height:80px;margin:0px auto;position:relative;user-select:none;}
	
	.menu_con>.logo{cursor:pointer;user-select:none;outline: none;}
	
	.menu_con>.logo>img{height:70px;}
	
	.menu_con>ul{float:right;height:100%;margin-top:8px;}

	.menu_con>ul>li{float:left;height:100%;padding-right:50px;line-height:105px;}
 
	.menu_con>ul>li>a{font-weight:bold;letter-spacing:1px;transition:0.25s ease;}	
	
	.menu_con>ul>li>a:hover{color:#ca4f0f;transition:0.25s ease;}
	
   
     .mobile_btn{position:absolute;top:0;right:0;cursor:pointer;display:none;width:80px;height:60px;background:#ca4f0f;text-align: center;user-select:none;}
			  
    .mobile_btn .material-icons{color:#Fff;font-size:2.4em;line-height:47px;}
    
     .mobile_menu{width:100%;height:60px;background:#717171;clear:both;display:none;box-shadow:inset 0px 7px 12px rgba(0,0,0,0.3)}

     .mobile_menu a:hover{background:#ca4f0f;transition:0.25s ease;}
			   
     .mobile_menu>a{display:block;float:left;color:#fff;width:33.33%;text-align:center;line-height:60px;border-right:0px solid #a9a9a9;cursor:pointer;transition:0.25s ease;}




	
	.lan{position:absolute;top:10px;right:0px;cursor:pointer;transition:0s ease;background:#efefef;width:40px;height:40px;background:#666;border-radius:40px;transition:0.45s ease;overflow:hidden;}
    
    .lan .material-icons{text-align:center;color:#fff;margin-top:7px;display:block;font-size:1.6em;height:40px;}
    
    .lan:hover{transition:0.35s ease;height:195px;} 
   
    .lan:hover .material-icons{opacity:0.1;transition:0.25s ease;}
	
	.lan>div>a{display:block;width:100%;background:#333;color:#fff;height:50px;line-height:50px;font-weight:bold;text-align:center;}
	
	.lan>div>a:hover{background:#ca4f0f;color:#fff;}
	
	
     
	.con{width:90%;margin:20px auto;padding:5px; }
	
    
      /*控制按鈕 樣式*/
	   .control_btn_set{text-align:right;}
					  
	   .control_btn_set>button{padding:15px;background:#ca4f0f;font-size:1em;color:#fff;border-radius:8px;margin:0px 5px;border:0px;}


       /* 我已閱讀....*/
		.iknow{overflow:auto;width:96%;margin:10px auto;}
						  
		.iknow>div{float:left;width:2%;text-align:right;}
						  
	    .rule_comment{float:left;padding-left:1%;width:94%;}
						  
	     .rule_comment a{color:#ca4f0f;}
						  


	   .top_btn{
		user-select:none;cursor:pointer;
	  }
		
	.top_btn>.material-icons{font-size:1.875em;font-weight:bold;margin-top:11px;color:#ca4f0f;}

     


     footer{background:#6B6A6F;text-align:center;color:#fff;font-size:0.875em;letter-spacing:1px;width:100%;line-height:18px;padding:15px;clear:both;}

     footer span{color:#fff;}

     footer a{color:#6B6A6F;}

      footer a:hover{color:#fff;}

      /* select 元件 定義*/

   select{width:100%;height:50px;outline:none;border:1px solid #d2d2d2;font-size:1em;line-height:1.2;margin:10px 0px;border-radius:0px;color:#666;background:#fff;}

    label{display:block;}

    .pop_content form{width:90%;margin:5px auto;}

    

    .row{margin:0px;overflow:auto;clear:both}

    .col50{width:49%}

    .col33{width:33%;float:left;margin-right:0.3%;}
  
    .col50:nth-child(odd){float:left}

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

    .checkbox_row{position:relative;margin:20px 0px;height:40px;}

    .checkbox_con{display:block;position:absolute;color:#666;font-weight:bold;user-select:none;cursor:pointer;left:0px;top:0px;}
						
	.checkbox_con>input{opacity:0;}
						
	.checkbox_con>.checkmark{position:absolute;top:0;left:0;margin:0;width:30px;height:30px;border:1px solid #d2d2d2;background:#fff;}
						
	.checkbox_con>i{position:absolute;top:5px;left:0px;font-size:2em;color:#ca4f0f;font-weight:bold;display:none;}
 	
     .checkbox_con>p{padding-left:38px;margin-top:4px}
    						
	.checkbox_con>input:checked~i{display:block;margin-top:-5px;}
				   
     .info_card .btn_set{display:none;}




       /* 彈跳式視窗遮罩 定義 */
   

	   .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:600px;max-height:500px;;background:#Fff;border-bottom-left-radius: 10px;border-bottom-right-radius:10px;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-300px;overflow:hidden;opacity:1;}
	   
	   .pop .pop_status{width:100%;height:50px;background:#333333;padding-left:30px;}
	   
	   .pop .pop_status>span{color:#Fff;line-height:50px;margin:0px;float:left;font-size:1.2em;}
	   
	   .pop .pop_status>i{user-select:none;font-weight:bold;font-size:2.2em;float:right;cursor:pointer;margin-right:5px;margin-top:5px;color:#fff;}
	   
	   .pop .pop_content{width:100%;max-height:390px;color:#a6a6a6;padding:10px;line-height:1.6;overflow:auto;min-height:80px;}
	   
	   .pop .pop_content article{width:95%;margin:10px auto;height:100%;padding-top:10px;margin-bottom:10px;text-align:center;color:#333;}
	   
	   
	   .pop .pop_btn{height:60px;}
	   
	   
	   .pop .pop_btn button{color:#fff;height:100%;border:none;font-size:1em;}
      
       .c100{width:100%;background:#ca4f0f}

	   .c50{width:50%;float:left;}
	   
	   .c50:first-child{background:#666666;}
	   
	   .c50:last-child{background:#ca4f0f;}
	   

       .sec_tit{font-size:1.8em;line-height:1.4;color:#444;margin-bottom:60px;text-align:center;letter-spacing: 7px;}


         /*banner 區塊定義*/

		 .banner{width:100%;height:680px;background-size:cover;}
		 
		 .banner>.con>.gotobuy_frame{overflow:hidden;width:100%;height:450px;margin-top:0px;position:relative;-ms-overflow-style:none;}
    
         .banner>.con>article{color:#fff;padding-top:70px;}
		 
		 #pre_btn{width:40px;height:40px;border-radius:40px;position:absolute;top:380px;left:0px;z-index:100;background:#ca4f0f;outline:none;color:#Fff;cursor:pointer;border:0px;display:none;user-select:none;}
	
	     #next_btn{width:40px;height:40px;border-radius:40px;position:absolute;top:380px;right:0px;z-index:100;background:#ca4f0f;outline:none;color:#Fff;cursor:pointer;border:0px;user-select:none;}
	
	
	     #next_btn>.material-icons{font-size:2.6em;margin-top:3px;}
	
	     #pre_btn>.material-icons{font-size:2.6em;margin-top:3px;}
		 

		 /*landingpate 更多產品的按鈕樣式*/

		 .more_btn{color:#ca4f0f;outline:none;border-radius:8px;font-size:1em;font-weight:bold;cursor:pointer;transition:0.25s ease;display:block;padding:10px;margin:35px auto;width:40%;text-align:center;background:#fff;border:2px solid #ca4f0f;transition:0.25s ease;}
		 
         
       .more_btn:hover{background:#ca4f0f;color:#Fff;transition:0.25s ease;}	 
		 
           /*表單按鈕主框架*/
           .form_btn_con{margin:20px auto;text-align:center;padding-bottom:30px;width:100%;clear:both;padding-top:40px;}
  
          

          /*表單下方註解文字樣式*/
     
           .form_note{color:#a3a3a3;line-height:24px;clear:both;width:96%;margin:0px auto;padding-top:15px;}


           /*內頁活動註解*/
					 
			 .note{width:100%;padding:0px;clear:both;}
					 
			 .note h3{font-size:1.25em;color:#666;margin-bottom:5px;letter-spacing:0.5px;}
					 
			 .note ul{padding:5px;}

			 .note ul li{margin-bottom:15px;line-height:1.8;}

           
          /*購買按鈕*/  .buy_btn{width:50px;height:50px;background:#fff;color:#e26f20;border:0px;outline:none;position:absolute;bottom:10px;text-transform:uppercase;font-weight:bold;transition:0.25s;right:10px;font-size:0.875em;border-radius:50px;box-shadow:1px 2px 6px rgba(0,0,0,0.2)}	 
		 
         .buy_btn:hover{color:#fff;background:#ca4f0f;transition:0.25s ease;}		 



          /*劃位表格 座位刪除按鈕*/
									  
		 .timetable_del_btn{font-size:1.6em;border-radius:100%;background:#ca4f0f;color:#fff;padding:5px;user-select:none;cursor:pointer; transition:0.25s ease;font-weight:bold} 
									  
		 .timetable_del_btn:hover{background:#333;transition:0.25s ease;}


		/*查詢車次表表格樣式*/
				   
		.list_timetable{width:1040px;clear:both;padding:40px 0px;}
				   
		.list_timetable>h3{float:left;font-size:1.25em;color:#666;margin:15px;}
				   
		.list_timetable>div{float:right;margin-bottom:10px;}
     
		.list_timetable_con{overflow:auto;width:100%;}
				   
				   
		 .list_timetable_con table{clear:both;width:100%;border:1px solid #d2d2d2;border-collapse:collapse;margin:0px auto;}
				   
		.list_timetable th{padding:15px;background:#4f4f4f;color:#Fff;font-size:1.125em;}
				   
		 .list_timetable td{padding:15px;text-align:center;}
				   
				   
				  
		  
		 

		 .gotobuy_index{width:2100px;height:300px;position:absolute;top:50px;left:-32px;left:0px; -ms-overflow-style: none;}
		 
		 .gotobuy_index>div{width:310px;height:320px;background:#efefef;padding:0px;position:relative;float:left;margin-right:60px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
		 
		 
		 .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:1.25em;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;}
	   

          /*產品介紹*/
    
         #product{display:none;margin-bottom:40px;}
		 
         .table_con{}
		 
		 .table_style{width:1100px;border:1px solid #d4d4d4;border-collapse: collapse;margin:30px 0px;} 
		 
		 .table_style th{background: #4f4f4f;color: #fff;  font-weight: 300;white-space: nowrap;    padding: 15px;font-size:1.125em;text-align:center;font-weight:bold;}
		 






		 .table_style th:first-child{width:300px;}
		 
		 .table_style td:first-child{padding-left:10px;text-align:left;padding-left:20px;}
		 
		 .table_style td:first-child{border-right:1px solid #d4d4d4;}
		 
		 .table_style td{text-align:Center;padding:10px;}
		 
		 .table_style tr{background:#fff;border-top:1px solid #d4d4d4;}

		 .taiwan{color:#1065bb;user-select:none;}
		 
		 .thsrc{color:#ca4f0f;user-select:none}


          /*使用方式*/

         .howtouse{border:0px solid #d4d4d4;margin-top:30px;padding:15px;height:500px;}
		
		
		.howtouse>div{width:265px;float:left;background:#fff;height:320px;padding:0px;margin:-1px;box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);}

		.howtouse>div>h2{background:#4f4f4f;text-align: center;padding:22px;color:#fff;font-size:1.125em;border-bottom:4px solid #ca4f0f;}
		
		.howtouse>div>h2>.material-icons{margin-right:5px;font-size:1.2em;vertical-align:middle;}
		
		.howtouse>div>p{padding:20px 15px 15px 15px;font-size:0.875em;line-height:24px;color:#848484}

         


         /*推薦景點*/


         .spot{margin:15px;padding:5px;}
		
		.spot>.station_menu{background:none;border-bottom:0px solid #d4d4d4;padding:4px; -ms-overflow-style: none;}
  
		.spot>.station_menu>div>button{width: 156px;height: 50px;border-radius: 10px;border:1px solid #fff;
           font-size: 1em;margin-right: 13px;transition: 0.25s ease;margin-bottom: 15px;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.15);background:#fff;}
		
		
		.spot>div>button:hover:enabled{background:#ca4f0f;color:#fff;border:0px;transition:0.25s ease;}
		
		.active{color:#ca4f0f;font-weight:bold;}
		
	   
		.spot>.group{width:100%;padding:5px;margin:30px 0px;}
		
		.spot>.group>h3{text-align:center;color:#6f6f6f;font-size:1.250em;margin-bottom:20px;letter-spacing: 1px}

       
        .spot>.group>h3>.material-icons{vertical-align:middle;padding-right:1px;margin-top:-6px;color:#ca4f0f}

		.spot>.group>.item{width:31%;height:450px;background:#Fff;margin-right:1.5%;display:inline-block;border:1px solid #d4d4d4;}

		.spot>.group>.item>.photo>img{width:100%;padding:0px;}
		
		.spot>.group>.item>article{padding:15px;height:240px;overflow:auto;}
		
		.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:25px 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.688em;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:90%;margin:10px auto;}
		
		.rule>.item>.rule_content>ul li{margin-bottom:20px;}

         .rule>.item>.rule_content>ul li ol{list-style-type:circle;width:90%;margin:10px auto;}

         .rule>.item>.rule_content>ul li ol li{margin-bottom:4px;}

         .rule>.item>.rule_content>ul li ol li ul{list-style-type:lower-roman;width:90%;margin:10px auto;}

         .rule>.item>.rule_content>ul li ol li ul li{margin-bottom:4px;}

        /*booking 頁面*/



        .booking{width:100%;margin-top:30px;background:#Fff;}
		
		.booking>h3{padding:15px;border-bottom:0px solid  #d2d2d2;background:#333;color:#fff;letter-spacing:0.2px}
	  
		.info{width:96%;border-top:1px solid #d2d2d2;margin:40px auto;overflow:auto;border-collapse: collapse;border-left:1px solid #d2d2d2;background:#fff;}
		
		
		.info>div{width:50%;float:left;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:15px;}
		.info>div>p{color:#9e9e9e;font-size:0.875em;}
		.info>div>h3{color:#333;margin-top:5px;font-size:1.063em;letter-spacing:0.2px}
		
		.booking>.content{width:96%;margin:10px auto;padding-bottom:20px;}
		
	    .info_card{width:510px;border:1px solid #d2d2d2;padding:20px;margin:25px 5px;position:relative;float:left;}

		.info_card>.value{width:100%;overflow:auto;}
		
		.info_card>.value>p{float:left;margin-right:15px;width:46%;margin-bottom:10px;border-bottom:1px dashed #d2d2d2;padding-bottom:5px;font-size:0.938em;}
		
        .info_card>.value>p:first-child{font-weight:bold;}

		
        .info_card a{color:#ca4f0f;font-weight:bold;}

        .info_card a .material-icons{color:#ca4f0f;vertical-align: bottom;font-size: 1.438em;margin-right: -6px;}
		
		.btn_set{text-align:right;margin:20px;}
		
		.btn_set>button{padding:10px 20px;color:#666;background:#fff;margin:5px;border-radius:5px;font-size:1em;border:1px solid #d2d2d2;transition:0.25s ease;}


        .btn_set>button:hover{color:#fff;transition:0.25s ease;background:#ca4f0f;}
		
       .info_card>.status{width:100%;text-align:right;top:-15px;right:-15px;position:relative}

		
		
		.booking>.alert{width:100%;padding:5%;text-align: center;}



        .info_card .status .checkbox_con{z-index:500;right:35px;left:auto;}

        .info_card span:hover{color:#ca4f0f;}
		
		/*btn define*/
		
		.quick_btn{width:200px;background:#ca4f0f;color:#fff;height:60px;font-size:1em;border:none;outline:none;margin:10px 0px;}
		
		
		.base_btn{width:200px;background:#333;color:#fff;height:60px;font-size:1em;border:none;outline:none;
		margin-right:30px;transition:0.25s ease;}
		
        .base_btn:hover{background:#ca4f0f;color:#fff;transition:0.25s ease;}   


        /*buy頁面*/
     	
		.buy{width:100%;margin-top:30px;background:#Fff;}
		
		.buy>h3{padding:15px;border-bottom:0px solid  #d2d2d2;font-size:1.250em;background:#333;color:#fff;letter-spacing:0.2px}
	  
	    .buy>.content{width:96%;margin:40px auto;padding-bottom:20px;}
		
		  #buy_card{text-align:center;width:500px;border:1px solid #d2d2d2;height:305px;border-radius:10px;cursor:pointer;box-shadow:0 0 4px rgba(0,0,0,0.2);transition:0.25s ease;
						  margin:0px 20px;background:#Fff;float:left;
						  }
						  
						  
						  #buy_card>.material-icons{font-size:8em;user-select:none;margin-top:60px;transition:0.5s ease;transform:rotate(0deg)}
						  
						  #buy_card>p{font-weight:bold;color:#666;letter-spacing:1px;transition:0.5s ease;}
			
						  #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;}
						  
						
						  
						  .main_btn{width:180px;height:60px;background:#333;color:#Fff;font-size:1em;border:0px;transition:0.15s ease;outline:none;}
						  
						  .main_btn:hover{background:#ca4f0f;transition:0.25s ease;}

 
          /*經銷商頁面*/

         .agency{background:none;width:100%;overflow:auto;}
		
		 input[type="select"]{display:block;width:100%;height:60px;border:1px solid #d2d2d2;outline:none;background:#Fff;}
		
		.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;}
		 
		.de-select:first-child{float:left}
		
		.de-select:last-child{float:right}
		
		.agency-info{border:0px solid #d2d2d2;padding:0px;background:none;margin:50px auto;overflow:auto;}
		
		
		.card{background:#fff;border:1px solid #d2d2d2;width:49%;margin-right:0px;margin-bottom:30px;}
		
		.card:nth-child(odd){float:left;}
		
		.card:nth-child(even){float:right;}
		
		.card>h4{border-bottom:1px solid #d2d2d2;padding:10px 15px;color:#fff;background:#666;}
		
		
		.card>h4:before{content:"●";padding-right:5px;font-size:0.625em;vertical-align: top;}
		
		.card>article{padding:30px;height:150px;}
		.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:1.125em;margin-bottom:10px;color:#ca4f0f;}
		
		.card>a.go:before{content:"▸";padding-right:5px;}