@charset "UTF-8";

body,a,font{font-family:Helvetica,Arial,'LiHei Pro','Apple LiGothic','Microsoft JhengHei',微軟正黑體,sans-serif;}

body{background-color:#fff;}

.bg_loading {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 99999;background-color: rgba(125,125,125,0.3);background-image: url(/images/Ring.gif);background-repeat: no-repeat;background-position: center;}

li{list-style:none;}
table{background-color:transparent;table-layout:fixed;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;border:1px solid #CCC!important;}
textarea:focus, input:focus{outline:none;border-color:inherit;-webkit-box-shadow:none;box-shadow: none;}
.form-control{height:32px;}
.form-control:focus {box-shadow:none}

.hidezone{display:none;}
a:hover{ text-decoration:none;}
a:focus, textarea:focus, input:focus{outline: none;}

.scroll::-webkit-scrollbar {display:none}
.dhover:hover{background-color:#eaeaea;}
.bhover:hover{background-color:#ccc;}

.text_justify{text-align: justify;text-justify:inter-ideograph;}

.w-10{width:10% !important; display:inline-block;}
.w-15{width:15% !important; display:inline-block;}
.w-20{width:20% !important; display:inline-block;}
.w-30{width:30% !important; display:inline-block;}
.w-40{width:40% !important; display:inline-block;}
.w-60{width:60% !important; display:inline-block;}
.w-70{width:70% !important; display:inline-block;}
.w-80{width:80% !important; display:inline-block;}
.w-85{width:85% !important; display:inline-block;}
.w-90{width:90% !important; display:inline-block;}

.border-black{border:1px solid #000;}

.web_bg {
	position:fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
}
.btbg {
	position:fixed;
	left: 0px;
	top: 0px;
	background-color:rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	z-index: 11;
	display: none;
}
.button_container {
	position: absolute;
	top: 10px;
	right: 20px;
	height: 27px;
	width: 27px;
	cursor: pointer;
	z-index: 100;
	transition: opacity .25s ease;
	display: inline-block;
}
.button_container:hover {
  opacity: .9;
}
.button_container.active .top {
	-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
	transform: translateY(9px) translateX(0) rotate(45deg);
	background-color: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
	-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
	transform: translateY(-9px) translateX(0) rotate(-45deg);
	background-color: #FFF;
}
.button_container span {
	border: none;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	transition: all .35s ease;
	cursor: pointer;
	background-color: #FFF;
}
.button_container span:nth-of-type(2) {
  top: 9px;
}
.button_container span:nth-of-type(3) {
  top: 18px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.img-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.img-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.img-container div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.printer_zone{
  width:auto;
  height:auto;
  display:inline-block;
  transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform-origin:0% 0%;
  position:absolute;
  top:0;
  left:100%;
  vertical-align:top;
}
.main-menu {
	display:none;
	float: none;
	padding-right: 0px;
	position: absolute;
	top: 40px;
	height: auto;
	width: 100%;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	left: 0px;
	z-index: 100;
}
.menu-ul li{
	height: auto;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	padding: 0px;
}
.menu-ul li a{
	display: block;
	color: #333;
	text-decoration: none;
	border: 1px solid #eee;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-weight: bold;
}
.menu-ul li a:hover{
	background-color: #F7FBF2;
	color: #000;
}

.add_apply{background:url(/images/219-heart_white.png) 10% center / 30px auto no-repeat #ef5350; color:#fff; padding:12px 10px 12px 45px; font-size:1.2em;}
.add_apply:hover{color:#fff; background-color:#d64b48;}
.abort_apply{background:url(/images/219-heart.png) 10% center / 30px auto no-repeat #eee; color:#333;padding:12px 15px 12px 45px; font-size:1.2em;}
.abort_apply:hover{color:#333; background-color:#ccc;}

.small_apply{background:url(/images/219-heart_white.png) 6% center / 20px auto no-repeat #ef5350; color:#fff;padding:8px 6px 8px 30px; font-size:1.em;}
.small_apply:hover{color:#fff; background-color:#d64b48;}
.small_abort_apply{background:url(/images/219-heart.png) 6% center / 20px auto no-repeat #eee; color:#333;padding:8px 6px 8px 30px; font-size:1.em;}
.small_abort_apply:hover{color:#333; background-color:#ccc;}

.f1{font-size:2.8em;}
.f2{font-size:2em;}
.f3{font-size:1.5em;}
.f4{font-size:1.1em;}
.f5{font-size:1em;}
.f6{font-size:0.95em;}
.f7{font-size:0.9em;}
.f8{font-size:0.85em;}
.f9{font-size:0.8em;}
.c-black{color:#000;}
.c-white{color:#fff;}
.c-danger{color:#EC1F11;}
.c-blue{color:#004DF3;}
.c-yellow{color:#FDCD01;}
.c-gray{color:#555;}

.c-index{color:#616161}

.c-index1{color:#ef5350}
.c-index2{color:#00c853}
.c-index3{color:#5c6bc0}
.c-index4{color:#03a9f4}

.b-black{background-color:#000;}
.b-white{background-color:#fff;}
.b-danger{background-color:#EC1F11;}
.b-blue{background-color:#004DF3;}
.b-yellow{background-color:#FDCD01;}
.b-gray{background-color:#eee;}
.b-gray_b{background-color:#ccc;}
.b-gray_d{background-color:#dae0e5;}


.b-index1{background-color:#ef5350}
.b-index2{background-color:#00c853}
.b-index3{background-color:#5c6bc0}
.b-index4{background-color:#03a9f4}

.pre_calendar{
	width: 100%;
	border: 1px solid #ccc;
	text-decoration: none;
	text-align: center;
}
.pre_title{
	width:100%;
	padding:6px 0px;
	text-align:left;
}
.pre_year{font-size:1.5em;padding:0px;}
.pre_monthday{ font-size:2em;padding:0px; color:#EC1F11; font-weight:bold;}
.del{
	text-decoration:line-through;	
}
.discount_font{
	font-size:1.5em;
	color:#000;
}
.pre_w_title div{
	display: block;
	float:left;
	width:14.28%;
	text-align:center;
	color:#666;
}
.pre_body{
	width:100%;
	display:table;
	margin-bottom:50px;
}
.pre_body div{
	display: block;
	float:left;
	width:14.28%;
	max-height:100px;
	text-align:center;
}
.pre_body div a{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	padding:3px;
	text-align:left;
}
.pre_body div a:hover{
	background-color:#eee;
	color:#EC1F11;
	text-decoration: none; 
}
.pre_body div a span{
	position:absolute;
	top:0px;
	left:5px;
}
.pre_body div a span.fix{
	color:#EC1F11;
	text-decoration: none; 
}
.border_top_1{border-top:3px solid #ef5350; background:url(/images/002-home2.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}
.border_top_2{border-top:3px solid #00c853;background:url(/images/032-book.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}
.border_top_3{border-top:3px solid #5c6bc0;background:url(/images/113-bubbles4.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}
.border_top_4{border-top:3px solid #03a9f4;background:url(/images/190-menu.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}

.border_top_1_none{border-top:3px solid #fff;background:url(/images/002-home2.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}
.border_top_2_none{border-top:3px solid #fff;background:url(/images/032-book.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}
.border_top_3_none{border-top:3px solid #fff;background:url(/images/113-bubbles4.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}
.border_top_4_none{border-top:3px solid #fff;background:url(/images/190-menu.png) center 12% / 24px no-repeat; padding-top:30px; letter-spacing:3px; font-size:1.1em;}

.border_top_1_none:hover{border-top:3px solid #ef5350;}
.border_top_2_none:hover{border-top:3px solid #00c853;}
.border_top_3_none:hover{border-top:3px solid #5c6bc0;}
.border_top_4_none:hover{border-top:3px solid #03a9f4;}

.top_menu{width:100%; display:block; padding:10px 16px 10px 50px; border-top:1px solid #eee; font-size:1.1em; color:#616161;background-color:#fff; }
.top_menu:hover{background-color:#eee; color:#03a9f4}

.a4{width:90px; height:40px; font-size:1.1em; color:#fff; display:block; float:left; text-align:center; background-color:transparent; padding-top:8px;}
.a4:hover{background-color:#d04c49; color:#fff;}

.work{background-color:#d04c49; color:#fff;}

.bg_loading{position:fixed; width:280px; height:50px;top:40%; left:0px; right:0px; margin:auto;z-index:1111;background:url(/images/loading.gif) center center / 280px no-repeat;}

.next{background:url(/images/go_right.png) 65% center / auto 14px no-repeat #ef5350; color:#fff;} 
.next:hover{color:#fff; background-color:#b7413e}

.closebtn{width:30px; height:30px; background:url(../images/272-cross.png) center center / 70% no-repeat rgba(255,255,255,0.8);}
.closebtn:hover{background-color:rgba(255,255,255,0.5)}

.zoomin{transition:transform .2s;}
.zoomin:hover{transform:scale(1.05);}

.avatarZone{width:150px;height:150px;background:url(/images/016-camera.png) center center/ auto 50px no-repeat #f5f5f5;position:relative; border:3px solid #ccc; border-radius:99px; }
.avatarZone input[type='file']{width:100%;min-height:100%;position:absolute;top:0px;left:0px;opacity:0; cursor:pointer;}
.avatarZone div{width:100%; height:100%;overflow:hidden; border-radius:99px;}

.ownerbtn{display:block; width:100%; text-align:center;padding:8px 0px; background-color:#03a9f4; color:#fff; font-size:1.1em; letter-spacing:1px; border-top-left-radius:5px;border-top-right-radius:5px;}
.ownerbtn:hover{background-color:#0191d2; color:#fff;}

.owner_select_btn{display:block; width:100%; text-align:center;padding:8px 0px; background-color:#ef5350; color:#fff; font-size:1.1em; letter-spacing:1px; border-top-left-radius:5px;border-top-right-radius:5px;}
.owner_select_btn:hover{background-color:#d34f4d; color:#fff;}

.long_move{animation:myAnimation 0.8s;}

.tdv-driver-status {width:100%; height:auto ;position:relative; padding:1px 15px; box-sizing:border-box; background:#014a7a; z-index: 10; display:table;}
.tdv-driver-status:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden;}
.tdv-driver-status p { position:absolute; top:9px; left:15px;  font-size: 1em;  color: white; }
.tdv-driver-status div.tds-switch-box { float: right; width: 38px; height: 22px; background:#4cd964; display: block; position: relative;top: 9px; transition: 0.1s;background-clip:padding-box; border-radius: 99em;}
.tdv-driver-status div.tds-switch-box a.tds-switch { width: 20px; height: 20px; background: white; position: absolute; top: 1px; right:0px; display: block; background-clip: padding-box; border-radius: 99em; box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.3); transition: 0.2s;}

.text_overflow{position:relative; height:40px; max-height:50px;overflow:hidden;white-space:normal;text-overflow:ellipsis;}  
.text_overflow::after{content:""; position:absolute; bottom:0; right:0; padding-left:20px;  
	background: -webkit-linear-gradient(left, transparent, #fff 55%);  
	background: -o-linear-gradient(right, transparent, #fff 55%);  
	background: -moz-linear-gradient(right, transparent, #fff 55%);  
	background: linear-gradient(to right, transparent, #fff 55%);  
}
@keyframes myAnimation
{
	0% { margin-top: 10px;}
	100% { margin-top: 121px;}
} 

@media (min-width: 1000px) { 
	#nav{max-width:1200px;}
	#top_nav{padding-left:5%; padding-right:5%;}
	.a4{width:150px;}
	.border_top_1{background:url(/images/002-home2.png) 33% center / 24px no-repeat; padding-top:10px;padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	.border_top_2{background:url(/images/032-book.png) 33% center / 24px no-repeat; padding-top:10px; padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	.border_top_3{background:url(/images/113-bubbles4.png) 33% center / 24px no-repeat; padding-top:10px; padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	.border_top_4{background:url(/images/190-menu.png) 33% center / 24px no-repeat;padding-top:10px; padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	
	.border_top_1_none{background:url(/images/002-home2.png) 33% center / 24px no-repeat; padding-top:10px; padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	.border_top_2_none{background:url(/images/032-book.png) 33% center / 24px no-repeat; padding-top:10px; padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	.border_top_3_none{background:url(/images/113-bubbles4.png) 33% center / 24px no-repeat; padding-top:10px; padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	.border_top_4_none{background:url(/images/190-menu.png) 33% center / 24px no-repeat; padding-top:10px; padding-bottom:6px; letter-spacing:2px; font-size:1.5em;}
	
}
@media (min-width: 1280px) { 
	#index_body{max-width:1200px;}
}