@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
button,a{-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;}
a:hover,a:focus{text-decoration:none;}
p{text-align:justify;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Open Sans","Microsoft JhengHei","Helvetica Neue",GuideMaskHelvetica,Arial,sans-serif;}
.contentWrapper{max-width:1170px;width:100%;margin:0 auto;padding:0 20px;}
.indexItem{background:url('../img/returnrent/bg.jpg') center center fixed no-repeat;-moz-background-size:cover;background-size:cover;}
#footerbox{background:#fff;position:relative;z-index:9999;}
.gt-wrapper .gt-contents{display:grid;}
.indexContent{color:#fff;width:100%;height:100%;display:flex;}
.indexInfo{margin:auto;max-width:450px;text-align:center;position:relative;z-index:1;}
.indexInfo h1{font-size:8rem;letter-spacing:8px;font-weight:normal;text-align:center;font-family:"Open Sans","Noto Sans","Microsoft JhengHei","Helvetica Neue",GuideMaskHelvetica,Arial,sans-serif;}
.indexInfo p{font-size:1.6rem;line-height:1.8;letter-spacing:2px;}
.indexInfo a:not(p a){color:#fff;display:block;font-size:2rem;font-weight:400;line-height:3;margin:30px auto 20px auto;max-width:250px;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;width:100%;background:#78BE28;letter-spacing:3px;}
.indexInfo a:not(p a):focus,.indexInfo a:not(p a):hover{color:#fff;}
.indexInfo p a{color: #609820;}
.indexInfo p a:focus, .indexInfo p a:hover{color: #fff;}
.buttonStyle{overflow:hidden;position:relative;text-align:center;}
.buttonStyle span{z-index:20;}
.buttonStyle:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 1550ms cubic-bezier(0.19,1,0.22,1);transition:all 1550ms cubic-bezier(0.19,1,0.22,1);width:50px;z-index:1;}
.buttonStyle:hover:after,.btnPic:hover .infoBox .buttonStyle:after{left:120%;-webkit-transition:all 1550ms cubic-bezier(0.19,1,0.22,1);transition:all 1550ms cubic-bezier(0.19,1,0.22,1);}
.loginModal  button.buttonStyle{color:#fff;display:block;font-size:2rem;font-weight:400;line-height:3;margin:30px auto 20px auto;position:relative;text-decoration:none;text-transform:uppercase;vertical-align:middle;width:100%;background:#78BE28;letter-spacing:3px;border:none;display:inline-grid;}
.loginModal .modal-header{position:relative;text-align:center;background:#78BE28;color:#fff;}
.loginModal .modal-header .close{position:absolute;top:20px;right:20px;color:#fff;opacity:1;font-size:2.5rem;}
.loginModal .modal-header  .porfileStyle{font-size:5rem;margin:20px 0 20px;display:inline-block;}
.loginModal .modal-header h4.modal-title{font-size:3rem;letter-spacing:2px;}
.modal-content{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.modal-header{border-bottom:none;padding:30px 50px;}
.modal-body{padding:30px 50px;}
.modal-footer{border-top:none;padding:30px 50px;}
.modal{text-align:center;padding:0!important;}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle;max-width:460px;width:calc(100% - 20px);}
.input-field>label{font-size:1.6rem;font-weight:normal;color:#000;line-height:0}
.input-field{margin:30px 0 30px 0;}
.input-field>label:not(.label-icon).active{-webkit-transform:translateY(-5px) scale(1);transform:translateY(-5px) scale(1);-webkit-transform-origin:0 0;transform-origin:0 0}
.inputImg{}
.inputImg img{position:absolute;right:0;bottom:15px;border:1px solid #ddd;}
.inputInfo{position:absolute;right:0;bottom:-20px;}
.inputInfo a{color:#888;}
.inputInfo a:hover{color:#78BE28;}
.modal{z-index:999999;}
.buttonBox{background:#000;height:100%;width:100%;}
.btnPic{width:50%;float:left;height:100%;display:block;position:relative;color:#fff;-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;}
.btnPic:before{-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;position:absolute;left:0;top:0;width:100%;height:100%;	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* FF3.6-15 */background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1); /* IE6-9 fallback on horizontal gradient */opacity:0;content:"";display:block;z-index:0;}
.btnPic:hover{color:#fff;}
.btnPic:hover:before{opacity:1;}
.btnPic .infoBox .buttonStyle:after{height:280px;left:-119px;}
.btnPic .infoBox .info{width:100%;position:absolute;bottom:30%;left:0;text-align:center;padding:50px 0;}
.btnPic .info h3{margin:0 0 20px 0;font-size:4rem;}
.btnPic .info h3 span{position:relative;}
.btnPic .info i{font-size:1.4rem;position:absolute;top:50%;right:-30px;margin-top:-6px}
.btnPic .info .textInfo{font-size:2rem;position:absolute;left:0;bottom:-25px;font-style:normal;}
.btnLeft .infoBox .info{background:rgba(243,151,0,.7);}
.btnRight .infoBox .info{background:rgba(127,190,37,.7);}
.btnLeft:hover  .infoBox .info{-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;background:rgba(243,151,0,.9);}
.btnRight:hover  .infoBox .info{-o-transition:all .20s linear;-webkit-transition:all .20s linear;-moz-transition:all .20s linear;transition:all .20s linear;background:rgba(127,190,37,.9);}
.btnLeft{background:url('../img/returnrent/bank.jpg')  center;-moz-background-size:cover;background-size:cover;}
.btnRight{background:url('../img/returnrent/card.jpg')  center;-moz-background-size:cover;background-size:cover;}
.gt-wrapper .gt-contents{padding:107px 0 90px;}
.statementBg{background:url('../img/returnrent/statementBg.jpg') repeat;position:relative;}
.statementBg:after{position:absolute;left:0;top:0;background:url('../img/returnrent/titleBg.png') no-repeat left  top;content:"";display:block;width:100%;height:100%;z-index:-1;}
.statementContents{width:100%;max-width:1100px;margin:0 auto;padding:0 20px;}
.statementContents h1{color:#000;font-size:4.5rem;text-align:center;font-weight:600;margin:80px 0 60px 0;letter-spacing:2px;}
.statementContents h1 span{background:rgba(255,255,255,.7);padding:15px 20px;border-radius:40px;}
.statementBox{border:1px solid #ddd;-moz-box-shadow:3px 5px 5px #ddd;-webkit-box-shadow:3px 5px 5px #ddd;box-shadow:3px 5px 5px #ddd;background:#fff;position:relative;padding:60px 70px 100px 70px;}
.statementBox:after{position:absolute;left:0;top:0;width:100%;height:5px;content:"";display:block;background:#7FBE25;}
.statementBox p,.remindBox ol li{font-size:1.6rem;line-height:1.8;margin:0 0 40px 0;color:#535353;}
.statementBox h2,.remindBox h4{font-size:1.8rem;color:#000;font-weight:600;}
.remindBox{border:1px solid #DDD;background:#f9f9f9;padding:30px 40px;}
.remindBox h4{margin:0 0 10px 0;}
.remindBox ol{padding:0px 0 0 20px;margin:0;}
.remindBox ol li{margin:0 0 5px 0;color:#7d7d7d;}
.remindBox ol li:last-child{margin:0;}
.okBox{text-align:center;margin:70px 0 50px 0;}
[type="checkbox"]+span:not(.lever){font-size:1.6rem;color:#000;}
[type="checkbox"]+span:not(.lever):before,[type="checkbox"]:not(.filled-in)+span:not(.lever):after{border:1px solid #b5b5b5;}
[type="checkbox"]:checked+span:not(.lever):before{border-right:2px solid #7FBE25;border-bottom:2px solid #7FBE25;}
.btnBox{text-align:center;}
.btnBox button{max-width:225px;width:100%;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border:none;color:#fff;font-size:2rem;font-weight:400;line-height:3;margin:0 15px;}
.btnBox button.okBtn{background:#7FBE25;}
.btnBox button.notBtn{background:#959595;}
.tableBg{background:url('../img/returnrent/tableBg.png' )center bottom fixed no-repeat;}
.scheduleList{padding:0;margin:60px 0;list-style:none;overflow:hidden;}
.scheduleList li{width:1%;background:#D2D2D2;color:#fff;display:table-cell;text-align:center;padding:15px 0;font-size:2.2rem;font-weight:600;line-height:1.8;position:relative;}
.scheduleList li span:after{border:1px solid #fff;width:40px;height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;content:"";display:block;left:50%;top:50%;margin:-20px 0 0 -20px;}
.scheduleList li.active{background:#7FBE25;}
.scheduleList li.active:after,.scheduleList li.active:before,.scheduleList li.Executing:after,.scheduleList li.Executing:before{content:"";display:block;position:absolute;width:0;height:0;border-style:solid;z-index:1;top:0;right:-35px;width:0;height:0;border-style:solid;}
.scheduleList li.active:after,.scheduleList li.Executing:after{border-width:35px 0 35px 35px;}
.scheduleList li.active:after{border-color:transparent transparent transparent #7FBE25;}
.scheduleList li.Executing:after{border-color:transparent transparent transparent #A0D168;}
.scheduleList li.active:before,.scheduleList li.Executing:before{border-width:38px 0 38px 38px;z-index:1;top:-3px;right:-38px;border-color:transparent transparent transparent #fff;}
.scheduleList li.Executing{background:#a0d168;}
.scheduleList li span{margin:0 20px 0 0;position:relative;}
.tableTitle{font-size:2.2rem;color:#000;font-weight:600;border-bottom:2px solid #7FBE25;margin:0 0 15px 0;padding:0 0 10px 0;}
.tableBox th,.tableBox td{padding:10px 10px;text-align:center;}
.tableBox tr{border-bottom:none;}
.tableBox table{font-size:1.6rem;text-align:center;margin:0 0 30px 0;}
.tableBox table thead tr th{color:#959595;}
.tableBox table tbody tr td{position:relative;line-height:3}
.tableBox table tbody tr td:after{position:absolute;width:100%;height:calc(100% - 8px);content:"";display:block;left:0;top:4px;z-index:-1;background:#fff;}
.tableBox table tbody tr:hover{box-shadow:0 0 5px #555;background:#fff;}
.tableBox .totalBox{border-bottom:1px solid #ddd;margin:0 0 80px 0;padding:0 0 30px 0;color:#000;font-weight:600;}
.tableBox .totalBox span{color:#db0100;font-size:2.2rem;padding:0 5px;}
.tableBox button{background:#7FBE25;border:none;color:#fff;width:150px;line-height:2;margin:2px 0 0 0;}
.tableBg .remindBox{margin:0 0 80px 0;}
.modal-body p{text-align:justify;font-size:1.6rem;line-height:2;}
.payBox{margin:0 0 80px 0;display:-webkit-flex;display:-ms-flexbox;display:flex!important;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#7FBE25;}
.payBox .payLeft{width:35%;float:left;text-align:center;color:#fff;font-size:2.2rem;font-weight:600;margin:auto;display:flex;align-items:center;justify-content:center;}
.payBox .payLeft  .payLeftContent h3{font-size:3rem;margin:0 0 60px 0;font-weight:500;letter-spacing:2px;}
.payBox .payLeft img{width:100%;max-width:80px;height:auto;}
.payBox .payLeft .imgBox{position:relative;}
.payBox .payLeft .imgBox img{z-index:1;position:relative;}
.payBox .payLeft .imgBox:after{background:rgba(255,255,255,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:150px;width:150px;position:absolute;left:50%;top:50%;z-index:0;content:"";display:block;margin:-75px 0 0 -75px;}
.payBox .payRight{width:65%;float:left;background:#fff;padding:30px 100px;}
.selectField label{top:-15px;}
select.browser-default{border:none;border-bottom:1px solid #78BE28;font-size:1.6rem;}
select{padding:0;}
select:focus{outline:none;}
.payRight button{color:#fff;border:none;width:calc(50% - 10px);font-size:2rem;line-height:3;font-weight:400;}
.payRight .okbtn{background:#7FBE25;float:left;}
.payRight .noBtn{background:#959595;float:right;}
.confirmBox{text-align:center;margin:auto;display:flex;align-items:center;justify-content:center;padding:50px 0 50px 0px;}
.iframeBox{margin:0 0 60px 0;box-shadow:0 0 5px #ddd;background:#fff;}