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

.plainmodal-close {
cursor: pointer;
}

.plainmodal-overlay {
    background-color: rgb(0, 0, 0) !important;
}

#box {
width: 300px;
padding-top:45px;
color: #fff;
background-color: #DE665F;
border-radius: 10px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#box:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#box .plainmodal-close {
position: absolute;
z-index: 999;
width: 45px;
height: 45px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#box .plainmodal-close:hover {
background-position: -45px 0;
}

/*.......................................*/

#box .plainmodal-content {
width:100%;
height:auto;
font-size: 23px;
background:#ffffff;
color:#000000;
padding:15px 18px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#box .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#F7D6CD;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}











#boxCheck {
width: 300px;
padding-top:45px;
color: #fff;
background-color: #DE665F;
border-radius: 10px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#boxCheck:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#boxCheck .plainmodal-close {
position: absolute;
z-index: 999;
width: 45px;
height: 45px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#boxCheck .plainmodal-close:hover {
background-position: -45px 0;
}

/*.......................................*/

#boxCheck .plainmodal-content {
width:100%;
height:auto;
font-size: 23px;
background:#ffffff;
color:#000000;
padding:15px 18px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#boxCheck .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#F7D6CD;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}








#member {
width: 320px;
/*height:100%;*/
color: #555555;
background-color: #ffffff;
border-radius: 0px;
display: none;
font-family: "微軟正黑體", Arial;
}
#member:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#member .plainmodal-close {
position: absolute;
z-index: 999;
width: 45px;
height: 45px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#member .plainmodal-close:hover {
background-position: -45px 0;
}


#member .scroll {
	float:left;
	width: 100%;
	height:400px;
	line-height:25px;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}
#member .scroll::-webkit-scrollbar {
      width: 5px;
}
#member .scroll::-webkit-scrollbar-track {
      background-color:#transparent;
} 
#member .scroll::-webkit-scrollbar-thumb {
	  border-radius:4px;
      background-color:#eeeeee;
}
#member .scroll::-webkit-scrollbar-button {
      background-color:#transparent;
}
#member .scroll::-webkit-scrollbar-corner {
      background-color: eeeeee;
}

/*.......................................*/

#member .plainmodal-content {
width:100%;
height:auto;
font-size: 18px;
background:#ffffff;
color:#000000;
/*overflow-x:hidden;
overflow-y:auto;*/
-webkit-overflow-scrolling: touch;
padding:8px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#member .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ffffff;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

@media only screen and (min-width:1000px) {
#member {
/*width: 500px;*/
width: 350px;
color: #ffffff;
background-color: #ffffff;
/*border-radius: 10px;*/
display: none;
font-family: "微軟正黑體", Arial;
}
}





#lb_login {
padding-top:45px;
color: #fff;
background-color: #ffffff;
border-radius: 0px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#personal {
width: 300px;
padding-top:45px;
color: #fff;
background-color: #ffffff;
border-radius: 0px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#personal:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#personal .plainmodal-close {
position: absolute;
z-index: 999;
width: 35px;
height: 35px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#personal .plainmodal-close:hover {
background-position: -45px 0;background: url('plainmodal-close.png') no-repeat;opacity: 0.6;
}
/*#personal .plainmodal-close:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}*/

/*.......................................*/

#personal .plainmodal-content {
width:100%;
height:auto;
font-size: 23px;
background:#ffffff;
color:#000000;
/*padding:15px 18px;*/
padding:5px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#personal .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ffffff;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}



#personal .scroll {
	float:left;
	width: 100%;
	height:500px;
	line-height:25px;
	overflow-y:auto;
	/*overflow-y:scroll;
	-webkit-overflow-scrolling: touch;*/
}

#personal .scroll::-webkit-scrollbar {
      width: 5px;
}
#personal .scroll::-webkit-scrollbar-track {
      background-color:#transparent;
} 
#personal .scroll::-webkit-scrollbar-thumb {
	  border-radius:4px;
      background-color:#eeeeee;
}
#personal .scroll::-webkit-scrollbar-button {
      background-color:#transparent;
}
#personal .scroll::-webkit-scrollbar-corner {
      background-color: eeeeee;
}





#persona2 {
width: 300px;
padding-top:45px;
color: #fff;
background-color: #ffffff;
border-radius: 0px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#persona2:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#persona2 .plainmodal-close {
position: absolute;
z-index: 999;
width: 40px;
height: 40px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#persona2 .plainmodal-close:hover {
background-position: -45px 0;background: url('plainmodal-close.png') no-repeat;opacity: 0.6;
}

#persona2 .plainmodal-content {
width:100%;
height:auto;
font-size: 23px;
background:#ffffff;
color:#000000;
/*padding:15px 18px;*/
padding:5px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#persona2 .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ffffff;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}






#personal3 {
width: 300px;
padding-top:45px;
color: #fff;
background-color: #ffffff;
border-radius: 0px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#personal3:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#personal3 .plainmodal-close {
position: absolute;
z-index: 999;
width: 35px;
height: 35px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#personal3 .plainmodal-close:hover {
background-position: -45px 0;background: url('plainmodal-close.png') no-repeat;opacity: 0.6;
}
/*#personal .plainmodal-close:hover {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}*/

/*.......................................*/

#personal3 .plainmodal-content {
width:100%;
height:auto;
font-size: 23px;
background:#ffffff;
color:#000000;
/*padding:15px 18px;*/
padding:5px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#personal3 .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ffffff;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}






#loadingBox {
/*width: 300px;*/
/*width: auto;*/
width: 100%;
height: 100%;
padding-top:45px;
color: #fff;
background-color: transparent;
border-radius: 0px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#loadingBox:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#loadingBox .plainmodal-close {
position: absolute;
z-index: 999;
width: 35px;
height: 35px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#loadingBox .plainmodal-close:hover {
background-position: -45px 0;background: url('plainmodal-close.png') no-repeat;opacity: 0.6;
}

/*.......................................*/

#loadingBox .plainmodal-content {
width:100%;
height:auto;
font-size: 23px;
background: transparent;
color:#000000;
/*padding:15px 18px;*/
padding:5px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#loadingBox .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ffffff;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}






/*---H系列2 找車中---*/
#checkCancelCar_y {
width: 300px;
padding-top:45px;
color: #fff;
background-color: #EAB300;
border-radius: 10px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#checkCancelCar_y:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#checkCancelCar_y .plainmodal-close {
position: absolute;
z-index: 999;
width: 45px;
height: 45px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#checkCancelCar_y .plainmodal-close:hover {
background-position: -45px 0;
}

/*.......................................*/

#checkCancelCar_y .plainmodal-content {
width:100%;
height:100px;
line-height:70px;
font-size: 23px;
font-weight:900;
background:#ffffff;
color:#000000;
padding:15px 18px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#checkCancelCar_y .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#F8E0A4;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}




/*---H系列3 待出團取消承租---*/
#checkChartered {
width: 300px;
padding-top:45px;
color: #fff;
background-color: #A7BE70;
border-radius: 10px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#checkChartered:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#checkChartered .plainmodal-close {
position: absolute;
z-index: 999;
width: 45px;
height: 45px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#checkChartered .plainmodal-close:hover {
background-position: -45px 0;
}

/*.......................................*/

#checkChartered .plainmodal-content {
width:100%;
height:130px;
font-size: 23px;
font-weight:900;
background:#ffffff;
color:#000000;
padding:15px 18px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#checkChartered .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#EEF3E4;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}





/*---H系列5 媒合中---*/
#checkCancelCar_b {
width: 300px;
padding-top:45px;
color: #ffffff;
background-color: #6DB3D4;
border-radius: 10px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#checkCancelCar_b:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#checkCancelCar_b .plainmodal-close {
position: absolute;
z-index: 999;
width: 45px;
height: 45px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#checkCancelCar_b .plainmodal-close:hover {
background-position: -45px 0;
}

/*.......................................*/

#checkCancelCar_b .plainmodal-content {
width:100%;
height:100px;
line-height:70px;
font-size: 23px;
font-weight:900;
background:#ffffff;
color:#000000;
padding:15px 18px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#checkCancelCar_b .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ECF5FA;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}





/*---H系列5 媒合中 取消承租---*/
#checkChartered_b {
width: 300px;
padding-top:45px;
color: #ffffff;
background-color: #6DB3D4;
border-radius: 10px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#checkChartered_b:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#checkChartered_b .plainmodal-close {
position: absolute;
z-index: 999;
width: 45px;
height: 45px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#checkChartered .plainmodal-close:hover {
background-position: -45px 0;
}

/*.......................................*/

#checkChartered_b .plainmodal-content {
width:100%;
height:130px;
font-size: 23px;
font-weight:900;
background:#ffffff;
color:#000000;
padding:15px 18px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#checkChartered_b .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ECF5FA;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}







/*---  首頁彈跳廣告 ---*/
#index {
width: 100%;
    height: 50%;
color: #fff;
background-color: transparent;
border-radius: 0px;
display: none;
	font-family: "微軟正黑體", Arial;
}
#index a {
    outline: none;
}
@media only screen and (min-width:769px) {
#index {
width: 500px;
    height: 50%;
color: #fff;
background-color: transparent;
border-radius: 0px;
display: none;
	font-family: "微軟正黑體", Arial;
}}
#index:after { /* clearfix */
content: "";
clear: both;
display: block;
}
#index .plainmodal-close {
position: absolute;
z-index: 999;
width: 35px;
height: 35px;
right: 0px;
top: 0px;
background: url('plainmodal-close.png') no-repeat;
}
#index .plainmodal-close:hover {
background-position: -45px 0;background: url('plainmodal-close.png') no-repeat;opacity: 0.6;
}

/*.......................................*/

#index .plainmodal-content {
width:100%;
height:auto;
font-size: 23px;
background:#ffffff;
color:#000000;
/*padding:15px 18px;*/
padding:5px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
#index .plainmodal-send {
width:100%;
height:auto;
font-size: 22px;
background:#ffffff;
padding:10px;
border-radius: 0px 0px 10px 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}




/*.scroll {
	width: 83%;
	height:400px;
	color: #ffffff;
	margin:0 auto;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
.scroll::-webkit-scrollbar {
	width: 3px;
}
.scroll::-webkit-scrollbar-track {
	background-color:#transparent;
}
.scroll::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color:#transparent;
}
.scroll::-webkit-scrollbar-button {
	background-color:#transparent;
}
.scroll::-webkit-scrollbar-corner {
	background-color: black;
}*/