@charset "big5";

/*在iOS 旋轉畫面鎖定文字不縮放*/
html { -webkit-text-size-adjust:none; }

/*基本*/
body { margin: 0; padding: 0; font-weight:400; font-size:14px; line-height:20px; text-align:left; background-color:#f2f2f2; font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
/*全BOX*/
.mmainArea {z-index: 1; display: inline-block; position: relative; margin: 0 auto; margin-bottom:0px; padding: 0; padding-bottom:20px; width: 100%;}
.mmainArea h1,
.mmainArea h2,
.mmainArea h3,
.mmainArea h4,
.mmainArea h5,
.mmainArea h6,
.mmainArea p { margin:0; padding:0; border:0; width:inherit; height:inherit; font-weight: normal;}
.mmainArea * {box-sizing:border-box; text-decoration:none; }
.mmainArea img { border:0px; vertical-align:top; width:100%;}
.mmainArea em { font-style:normal; font-weight:800;}
.mmainArea a { color:#3366FF; }
.mmainArea a:hover { text-decoration: none;}


/*版頭會員選單*/
.pathArea { margin: 5px 10px; padding:0; border:0; box-shadow:0; overflow: hidden; height:100%;  font-size:15px; font-weight:normal; background-color:transparent;}
.pathArea ul,
.pathArea li { display: inline; margin:0; padding:0; list-style: outside none none; white-space: normal; color: #808080;}
.pathArea li:first-child a span { display: none;}
.pathArea li.hover a { color: #E5047E;}
.pathArea a { color: #888;}
.pathArea a:hover { text-decoration:none;}
.pathArea a span { position:relative; top:2px; margin:0 5px; text-decoration:none; color: #5E5E5E;}


/*版頭BN*/
.mmainArea h1 { margin:0; padding:0;}
.mmainArea h1 img { width:100%; height:auto;}
.mmainArea h2 { margin:0; padding:5px 10px; font-size:14px; line-height:34px; font-weight:800; text-align:center; color:#FFF; font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; background-color:#D62872;}


/*說明區塊-頁籤切換*/
.mmainArea .tabtitlestyle { position:relative; margin:0 0 0px 0; text-align:center;}
.mmainArea .tabtitlestyle dl { position:relative; margin:0; padding:0; width:100%; height:40px; border-radius:0px; box-shadow:0 0 0 1px #bfbfbf; overflow:hidden; background-color:#fff;}
.mmainArea .tabtitlestyle dt { z-index:2; position:relative; float:left; width:33.33%; font-size:14px; line-height:40px; font-weight: 400; color:#333; cursor:pointer; text-align:center;}
.mmainArea .tabtitlestyle .tabbg { z-index:1; position:absolute; left:0%; margin:0; padding:0; width:33.33%; height:100%; background-color:#939393;}
.mmainArea .tabtitlestyle dt.hover { color:#fff;}
.mmainArea .tabtitlestyle .tabbg  {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}



/*說明區塊*/
.mmainArea .txtlistArea { position:relative; margin:0px auto 16px auto; auto; width:100%;}
.mmainArea .txtlistArea .menu { margin:0; padding:0; background-color:#fff;}
.mmainArea .txtlistArea .menu > li { position:relative; margin:0 0 0 8px; padding:16px 0; color:#333; font-weight:800; font-size:15px; line-height:20px;/* cursor:pointer;*/ text-align:justify; list-style: inside decimal;}
.mmainArea .txtlistArea .menu > li {
								  -webkit-transition: all 0.2s ease;
									 -moz-transition: all 0.2s ease;
									  -ms-transition: all 0.2s ease;
									   -o-transition: all 0.2s ease;
										  transition: all 0.2s ease;}
/*底線*/
.mmainArea .txtlistArea .menu > li:after { content: ""; position:absolute; bottom:0; left:0%; display:block; width:100%; height:1px; background-color:#ccc;}
.mmainArea .txtlistArea .menu > li:last-child:after { display:none;}
.mmainArea .txtlistArea .menu > li.tag:after { transform:translateY(0);}

/*箭頭*/
.mmainArea .txtlistArea .menu > li i { position: absolute; right:0; top:16px; width:35px; line-height:inherit; color:#939393;}
.mmainArea .txtlistArea .menu > li i {
								  -webkit-transition: all 0.2s ease;
									 -moz-transition: all 0.2s ease;
									  -ms-transition: all 0.2s ease;
									   -o-transition: all 0.2s ease;
										  transition: all 0.2s ease;
									 -webkit-transform:rotate(0deg);
										-moz-transform:rotate(0deg);
										 -ms-transform:rotate(0deg);
										  -o-transform:rotate(0deg);
											 transform:rotate(0deg);}
.mmainArea .txtlistArea .menu > li.tag i {
									  -webkit-transform:rotate(180deg);
										 -moz-transform:rotate(180deg);
										  -ms-transform:rotate(180deg);
										   -o-transform:rotate(180deg);
											  transform:rotate(180deg);}

/*標題*/
.mmainArea .txtlistArea .menu > li > b { display:inline-block; margin:0; padding:0; width:calc(100% - 50px); color:#333; font-weight:800; vertical-align:top; cursor:pointer;}
/*說明*/
.mmainArea .txtlistArea .menu > li p { margin:0; padding:0; width:100%; font-weight:800; font-size:1.5em; line-height:1.4em; text-align: left;}
.mmainArea .txtlistArea .menu > li .txt { position:relative; display: block; margin:16px 10px 0 0; padding:16px; overflow: hidden; width:calc(100% - 10px); color:#333; font-weight:400; font-size:14px; line-height:24px; background-color:#eee;}
.mmainArea .txtlistArea .menu > li .txt ul { margin:0; padding:0 0 0 20px; list-style: outside}
.mmainArea .txtlistArea .menu > li .txt ol { margin:0; padding:0 0 0 20px; list-style: outside  cjk-ideographic;}
.mmainArea .txtlistArea .menu > li .txt ul li,
.mmainArea .txtlistArea .menu > li .txt ol li { margin:0 0 16px 0; padding:0; text-align:justify; }
.mmainArea .txtlistArea .menu > li .txt ul li li,
.mmainArea .txtlistArea .menu > li .txt ol li li { margin:0 0 8px 0; padding:0; text-align:justify; }

/*表格*/
.timetable { margin:0; padding:0; border-collapse:collapse; width:100%; font-size:13px; line-height:22px; color:#000; background-color:#fff;}
.timetable * { text-align:center; }
.timetable th { margin:0; padding:5px; border:1px solid #939393; width:70px; background:#939393; font-weight:800; color:#fff;}
.timetable th:first-child { width:8%;}
.timetable td { margin:0; padding:5px; border:1px solid #939393; font-weight:300; text-align:left; }
.timetable td:nth-child(1) { text-align:center;}
.timetable_12h_tac td { text-align:center !important; border-bottom: 1px solid #f2f2f2 !important;}

/*12H速達表格*/
.mmainArea .txtlistArea_12h .menu,
.mmainArea .txtlistArea_12h .menu > li { margin:0; padding:4px; list-style: none;}
.mmainArea .txtlistArea_12h .menu > li:after { display:none;}
.timetable_12h { margin-bottom:10px; padding:0px; border-collapse: inherit; border:1px solid #939393; text-align:center;}
.timetable_12h * {text-align:center;}
.timetable_12h a { display:block;}
.timetable_12h tr:nth-child(2) td { background-color:#f2f2f2;}
.timetable_12h th { border:none; width:auto; }
.timetable_12h td { border:none; background-color:#fff; }
.timetable_12h small { font-size:11px; }
.timetable_12h .title1 { width:70px; color:#fff; background-color:#E60010; } 
.timetable_12h .title2 { color:#000; background-color:#ccc; } 
.timetable_12h .tips { color:#f00; background-color:#FFFF66; border-bottom:0px;}
.timetable_12h .tableline td { border-top:1px solid #939393;}
.timetable_12h .12h_schedule { margin:0 auto; display:block; max-width:200px; }

/*字加粗800*/
.td_fw800_x2 td:nth-child(1),
.td_fw800_x2 td:nth-child(2) { font-weight:800;}

/*台北市*/	
.timetable_taipei td:first-child { width:22%;}
.timetable_taipei .tableline td b { display:inline-block; margin-top:2px; }

/*偏遠地區*/	
.timetable_12h_tac td:first-child { width:30%;}
	
	
	/*電腦版*/
	@media screen and (min-width:767px){
		/*基本*/
		.mmainArea {z-index: 1; display:block; width:100%; max-width:1400px;}
		
		/*版頭BN*/
		.mmainArea h2 { font-size:18px; }
		
		/*表格*/
		.timetable { font-size:13px; line-height:20px;;}
		
		/*12H速達表格*/
		.mmainArea .txtlistArea_12h .menu { overflow:hidden;}
		.mmainArea .txtlistArea_12h .menu > li:nth-child(1) { float:left; margin-left:1%; width:59%;}
		.mmainArea .txtlistArea_12h .menu > li:nth-child(2) { float:left; margin-left:1%; width:40%;}
		.mmainArea .txtlistArea_12h .menu > li:first-child { margin-left:0;}
		.mmainArea .txtlistArea_12h .menu > li:after { display:none;}

		/*台北市*/	
		.timetable_taipei td:first-child { width:13%;}
	}
	

	
/*隱鑶*/
.for_pc {}
.for_m { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_m { display: block !important;}
	}