@media print {
	a[href]:after {
		content: none;
	}
	chat-widget{
		display:none;
	}
	body {
		-webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
		color-adjust: exact !important;                 /*Firefox*/
		print-color-adjust: exact !important;
	}
}
.dropdown-toggle:focus {
    outline: 5px auto;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
html, body{ width:100%; height:auto; font-size:16px; line-height: 1.5em; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; letter-spacing: 0.1em; -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
		color-adjust: exact !important;                 /*Firefox*/
		print-color-adjust: exact !important; }
a, a:hover{ color: #000; text-decoration: none; }
select{ border-radius: 0 !important; }
#top{ position: absolute; top: 0; z-index: 999; }
.hidden{ display: none; }

/* modal table */
.icon-down{
	
	width:10%
}
.modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 500px;
	z-index:999!important;
}
/*
.modal-dialog {
   z-index:999!important;
}
*/
/* navbar */
.navbar-brand{ padding: 10px 15px; }
.navbar-default{ background-color: #fff; border-color: #fff; }
.navbar-icon{ height: 50px; line-height: 50px; font-size: 1em; margin-right: 15px;}
.navbar{ margin-bottom: 0; }
.space { padding-left: 15px; padding-right: 15px; }
.navbar-default .navbar-nav>li>a{ padding: 10px 15px; }
.dropdown-menu{ min-width: 200px; }
.nav .xs{ font-size: 12px; }
.nav .md{ font-size: 14px; }
.nav .lg{ font-size: 16px; }
.nav #lang_tc.active,
.nav #lang_en.active,
.nav #lang_gb.active,
.nav .xs.active,
.nav .md.active,
.nav .lg.active{
	
    color: #000;
    border-bottom: 4px solid #009688;
    
}
/*level2 left*/
/*.lv2-left{height:95%; width:50%;  padding-top: 50px; }*/
.lv2-left{width:100%;}
/*level2 right*/
/*.lv2-right{width:50%; margin-left: 50%; padding-top: 50px; }*/
.lv2-right{width:100%;}
@media (min-width: 768px){
	.settings{
		display:none;
		
	}
	.icon-down{
	
		width:3%
	}
	
}
.panel-title {
    font: inherit;
}
/* carousel */
.carousel-control{ background-image: none !important; }
#homeBanner img{
	
	padding:0;
}
/* index */
.section-box{ padding: 0; padding-bottom: 15px; }
.section-box > div{ margin:0; }
.banner-box > div{ padding-bottom: 15px; }
.index-2section{ border: 1px solid #ddd; padding: 0; height: 305px; margin-top: 0; margin-bottom: 15px;}
.index-4section{ border: 1px solid #ddd; padding: 0; height: 255px; margin-top: 0; margin-bottom: 15px; }
/* .index-title{ font-size: 1.3em; line-height: 1.5em; font-weight: bold; padding: 5px 15px; color: #fff; background-color: rgba(225,0,42,0.8); } */
.index-title{ font-size: 1.3em; line-height: 1.5em; font-weight: bold; padding: 5px 15px; color: #fff; background-color: rgba(230,0,18,0.8); }
.more-right{ float: right; font-weight: 100; font-size: 1em; }
.refund-box{ background-image: url(../images/index/refund.jpg); background-position: center; background-size: 100% 100%; }
.monthlypass-box{ background-image: url(../images/index/monthlypass.jpg); background-position: center; background-size: 100% 100%; }
.design1933-box{ background-image: url(../images/index/design1933.jpg); background-position: center; background-size: 100% 100%; }
.recruitment-box{ background-image: url(../images/index/recruitment.jpg); background-position: center; background-size: 100% 100%; }
.app1933-box{ background-image: url(../images/index/app1933.jpg); background-position: center; background-size: 100% 100%; }
.discount-box{ background-image: url(../images/index/discount.jpg); background-position: center; background-size: 100% 100%; }
.govsubsidy-box{ background-image: url(../images/index/govsubsidy.jpg); background-position: center; background-size: 100% 100%; }
.socialmedia-box{ background-image: url(../images/index/socialmedia.jpg); background-position: center; background-size: 100% 100%; }
.index-2section .index-title a{ color: #fff; }
.even-color{ background-color: #eee; }

/* index news */
.index-content.en #top4news > div{ height: auto;}
.index-content.en { overflow-y: scroll; }
.index-content{ height: 268px; overflow: hidden; }

#top4news{ height:100%; }
#top4news > div{ height: 24.5%; }
#top4news > div div{ height: 100%; }
#top4news .en .news-title{
	overflow: hidden;
	align-items: baseline;
	
}
#top4news .news-title, #top4news .news-date{ display: flex; align-items: center; padding: 0 15px; }
#top4news .news-date{ justify-content: flex-end; }
.news-row{ border-bottom: 1px solid #ddd; }

/* index route search*/
#routesearch{ padding: 15px; }
#routesearch > div > div{ padding-bottom: 10px; }
#routesearch .btn-default{ width: 100%; padding: 15px; border-radius: 0; background-color: #eee; }
#routesearch .checkbox+.checkbox, .radio+.radio {
    margin-top: 10px;
}
/* level 2 pages */
.breadcrumb{ margin-top: 15px; }
.full-width{ padding: 0; }
.level2-category{ position: relative; height: auto; margin-bottom: 15px !important; padding: 0; }
.inner-title{ font-size: 2em; line-height: 2.2em; font-weight: 500; border-bottom: 1px solid #efefef;margin:0px }
.inner-title{ font-size: 2em; line-height: 2.2em; font-weight: 500; border-bottom: 1px solid #efefef; }
.header2{ font-size: 18px;margin-top: 10px;margin-bottom: 10px;}
.inner-description{ padding: 15px 0; }
.text-block > h2{ margin: 15px 0; }
.level2-odd .text-block{ padding: 15px 8%; }
.level2-odd .img-level2{ width:100%; }
/*.level2-odd .icon-level2{ left: 10%; bottom: 10%; font-size: 2em; }*/
.level2-odd .icon-level2{ bottom: 10%; font-size: 2em; }
.level2-even .text-block{ padding: 15px 8%; }
.level2-even .img-level2{ width:100%; }
/*.level2-even .icon-level2{ left: 10%; bottom: 10%; font-size: 2em; }*/
.level2-even .icon-level2{ bottom: 10%; font-size: 2em; }

/* level 3 pages */
.form-group { height: 60px; }
.level3{ padding: 0; margin-bottom: 15px; }
.level3 .img-level3{ width: 100%; }
.btn-default { float: right; margin-left: 15px; border-radius: 0; }
.btn-submit{ width:100%; }
.fieldtitle{ display: block; }
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin:0; margin-right: 10px; }
.checkbox-inline, .radio-inline{ margin:0; margin-right: 10px; height: 22px; border-radius: 0; }
.radio-others{ position: absolute; }
.online-form{ padding-bottom: 15px; }

.level3 .step-description{ font-size: 1.2em; line-height: 2.5em; }

/* level timeline*/
.carousel-indicators { bottom: 1%; }
.level-timeline{ padding: 0; margin: 15px 0; }
.carousel-caption { position: absolute; right: 0; bottom: unset; top: 0; left: 0; z-index: 10; padding-top: 10px; padding-bottom: 10px; color: #fff; background-color: rgb(100 100 100 / 60%); text-align: center; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); }

/* level table */
.section-box > div.level-table{ padding: 0; margin: 15px 0; }
.level-table .table th, .level-table .table td{ line-height: 3em; }
/*.table th, .table td{ border: 1px solid; }*/


/* level question*/
.level-question{ line-height: 3em; padding: 0 15px; }
.level-question .title{ font-weight: bold; font-size: 1.3em; text-decoration: underline; }
.level-question table td, .level-question table th{ border:1px solid #000; padding: 10px; }

/* bottom */
#bottom{ padding-bottom: 15px; }
.bottom-row > div{ padding: 0; }
.div_inline{ display: inline; }
.bottom_box{ text-align: right; }
.bottom-row{ background-color: #f5f5f5; padding: 5px !important; }

#scrollup{ position: fixed; right: 1%; bottom: 5%; font-size: 2em; }
#headingOne, #headingTwo, #headingThree, #headingFour, #headingFive,
#headingSix, #headingSeven, #headingEight, #headingNine, #headingTen,#heading11{
	/*background-color: #e60012;
	background-color: rgb(237,31,40);*/
	background:white;
	border: 1px dotted rgb(237,31,40);
}

.right{
	float:right;
	
}


.mb-0{
	font-size:inherit;
}
#headingOne button, #headingTwo button, 
#headingThree button, #headingFour button, 
#headingFive button, #headingSix button,
#headingSeven button, #headingEight button,
#headingNine button, #headingTen button, 
#heading11 button{
	color:black;
	width:100%;
	text-align:left;
	font-size:inherit;
	text-decoration: none;
	outline: none;
}

#headingOne a, #headingTwo a, 
#headingThree a, #headingFour a, 
#headingFive a,#headingSix a,
#headingSeven a, #headingEight a,
#headingNine a, #headingTen a,
#heading11 a{
	color:black;
	width:100%;
	text-align:left;
	font-size:inherit;
	text-decoration: none;
}

.card-body{
	padding: 5px;
}
.card-body>img{
	width:100%;
	padding:5px;
}
@media (max-width: 520px){
	.index-content.tc #top4news > div{ height: auto;}
	.index-content.tc { overflow-y: scroll; }
}
@media (min-width: 550px) and (max-width: 767.98px) {
.index-4section{ height: 405px; }

.icon-down{
	
	width:3%
}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
#top{ position: relative; }
.index-4section{ height: 255px; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
#top{ position: relative; }
.index-4section{ height: 165px; }
.section-box > div{ margin:0; padding: 0; }
.bottom-row{ background-color: #f5f5f5; padding: 5px !important; }
.icon-down{
	
	width:3%
}
.textRight{
	text-align: right;
	
}
.textCenter{
	text-align: center;
	
}
.repairbus.table{
	width:70%
	
}
/* level 2 pages */
.level2-category{ position: relative; height: 450px; margin-bottom: 15px; padding: 0 15px; }
.level2-odd .text-block{ position: absolute; bottom: 5%; right: 0; background-color: #fff; padding: 15px 4%; width: 50%; height: auto; min-height: 350px; }
.level2-odd .img-level2{ width: 55%; position: absolute; height: 95%; left: 0; }
/*.level2-odd .icon-level2{ position: absolute; right: 10%; bottom: 10%; font-size: 2em; }*/
.level2-odd .icon-level2{ position: absolute; right: 80%; bottom: 10%; font-size: 2em; }
.level2-even .text-block{ position: absolute; bottom: 5%; left: 0; background-color: #fff; padding: 15px 4%; width: 50%; height: auto; min-height: 350px; }
.level2-even .img-level2{ width: 55%; position: absolute; right: 0; height: 95%; }
/*.level2-even .icon-level2{ position: absolute; right: 10%; bottom: 10%; font-size: 2em; }*/
.level2-even .icon-level2{ position: absolute; right: 80%; bottom: 10%; font-size: 2em; }
.lv2-left{width:50%;  padding-top: 50px; }
.lv2-right{width:50%; margin-left: 50%; padding-top: 50px; }
/* level 3 pages */
.level3 > .row{ display: flex; flex-flow: row nowrap; align-items: center; }

/* level table */
.section-box > div.level-table{ padding: 0; margin: 15px 0; }
.level-table .table th, .level-table .table td{ line-height: 3em; }

/* level question*/
.level-question{ line-height: 3em; padding: 0 15px; }
.level-question .title{ font-weight: bold; font-size: 1.3em; text-decoration: underline; }
.level-question table td, .level-question table th{ border:1px solid #000; padding: 10px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#top{ position: relative; }
.index-4section{ height: 205px; }
.section-box > div{ margin:0; padding: 0; }
.bottom-row{ background-color: #f5f5f5; padding: 5px !important; }
.icon-down{
	
	width:3%
}
.textRight{
	text-align: right;
	
}
.textCenter{
	text-align: center;
	
}
.repairbus.table{
	width:70%
	
}
/* level 2 pages */
.level2-category{ position: relative; height: auto; margin-bottom: 15px; padding: 0 15px; }
/*.level2-odd .text-block{ position: absolute; bottom: 5%; right: 0; background-color: #eee; padding: 15px 8%; width: 50%; height: auto; min-height: 350px; }*/
.level2-odd .text-block{ position: absolute; bottom: 5%; right: 0; background-color: #fff; padding: 15px 8%; width: 50%; height: auto; min-height: 250px; }
.level2-odd .img-level2{ width: 55%; position: absolute; height: 95%; left: 0; }
/*.level2-odd .icon-level2{ position: absolute; right: 10%; bottom: 10%; font-size: 2em; }*/
.level2-odd .icon-level2{ position: absolute; right: 80%; bottom: 10%; font-size: 2em; }
/*.level2-even .text-block{ position: absolute; bottom: 5%; left: 0; background-color: #eee; padding: 15px 8%; width: 50%; height: auto; min-height: 350px; }*/
.level2-even .text-block{ position: absolute; bottom: 5%; left: 0; background-color: #fff; padding: 15px 8%;width: 50%; height: auto; min-height: 250px; }
.level2-even .img-level2{ width: 55%; position: absolute; right: 0; height: 95%; }
/*.level2-even .icon-level2{ position: absolute; right: 10%; bottom: 10%; font-size: 2em; }*/
.level2-even .icon-level2{ position: absolute; right: 80%; bottom: 10%; font-size: 2em; }
.lv2-left{width:50%;  padding-top: 50px; }
.lv2-right{width:50%; margin-left: 50%; padding-top: 50px; }
/* level 3 pages */
.level3 > .row{ display: flex; flex-flow: row nowrap; align-items: center; }

/* level table */
.section-box > div.level-table{ padding: 0; margin: 15px 0; }
.level-table .table th, .level-table .table td{ line-height: 3em; }

/* level question*/
.level-question{ line-height: 3em; padding: 0 15px; }
.level-question .title{ font-weight: bold; font-size: 1.3em; text-decoration: underline; }
.level-question table td, .level-question table th{ border:1px solid #000; padding: 10px; }
}


/*KMB text color in samedayreturn */
/*.kmb-text{color:#e60012;}*/
.kmb-text{color:rgb(237,31,40);}

/*level2 left
.lv2-left>img{
	height:95%; width:50%; margin-left: 50%; padding-top: 50px;
}*/



/*advertising page table with border*/
.advertising th,.advertising tr,.advertising td{ border:1px solid black; padding: 10px; line-height: 3em;}
.repairbus tr,.repairbus td{ border:1px solid black; padding: 10px; text-align: center;}
.repairbus th{ border:1px solid black; padding: 10px; font-weight: bold;  text-align: center; }

/*.repairbus-left-col { text-align: left;  }
.repairbus td{text-align: center; }
Tick = bold
*/
.repairbus-bold-col { font-weight: bold;  }
.repairbus-left-col td{text-align: left;}

/*table new*/
.table2{ }

/*table even*/
.table-even-row{ background-color:gainsboro;}

/* table KMB table header*/
/*.kmb-table-header{ color:white; background:#e60012;}*/
.kmb-table-header{ color:white; background:rgb(237,31,40);}

/* table LW table header*/
.lwb-table-header{ color:white;  background-color: rgb(254,80,0);}

/*gns_procurement*/
.minus{list-style-type:'-     ';}

/*LV2 website-icon-01 arrow*/
.arrow-icon{height:95%; width:10%; margin-left: 0%; padding-top: 50px;}
/*
position: relative; right: 55%; width:10%;
height:95%; width:10%; margin-left: 0%; padding-top: 50px;
*/


/*.sunbus-table-header{ color:white; background:#e60012;}*/
.sunbus-table-header{ color:white; background:limegreen;}