/* #box@common */
.ui-block-base { float: left; margin: 0 10px 10px 0; }
.ui-block { float: left; margin: 0 10px 10px 0; border: 1px solid #DBDBDB; }
.ui-block03 { height: 35px; margin: 0 10px 10px 0; border: 1px solid #DBDBDB; }
.ui-block02 { width: 390px; height: 35px; float: left; margin-bottom: 10px; border: 1px solid #DBDBDB; text-align: left; }
.ui-block05 { width: 321px; height: 35px; float: left; margin-bottom: 10px; border: 1px solid #DBDBDB; text-align: left; }
.ui-block04 { float: left; margin: 0; border-left: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
.ui-block07 {
    width: 605px;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #DBDBDB;
    text-align: left;
}
/*.ui-bg-gray { width: 111px; height: 35px; line-height: 35px; color: #666; text-align: center; background-color: #F7F7F7; float: left; letter-spacing: 1px; }*/
.ui-bg-gray { width: 111px; min-height: 35px; line-height: 14px; color: #666; text-align: center; background-color: #F7F7F7; float: left; letter-spacing: 1px; display:flex!important; align-items:center; justify-content:center;}
/*.ui-bg-gray02 { width: 111px; color: #666; text-align: center; background-color: #F7F7F7; letter-spacing: 1px; position: absolute; height: 100%; }*/
.ui-bg-gray02 { width: 111px; color: #666; text-align: center; background-color: #F7F7F7; letter-spacing: 1px; position: absolute; height: 100%; display:flex!important; align-items:center; justify-content:center;}
.ui-bg-gray02:after { content: ''; width:0; height:100%; display:inline-block; vertical-align:middle; }
.ui-bg-gray03 { width: 130px; height: 85px; line-height: 85px; color: #666; text-align: center; background-color: #F7F7F7; float: left; letter-spacing: 1px; border-right: 1px solid #CCC;}
.ui-iptbk { width: 200px; line-height: 35px; float: left; padding-left: 10px; }
.ui-iptbk03 { width: 100px; line-height: 35px; float: left; padding-left: 10px; }
.ui-iptbk05 { width: 410px; line-height: 35px; float: left; padding-left: 10px; }
.ui-iptbk06 { width: 130px; line-height: 35px; float: left; padding-left: 10px; }
.ui-iptbk07 { width: 600px; line-height: 35px; float: left; padding-left: 10px; }
.ui-box-ipt { width: 190px; height: 35px; line-height: 35px; text-align: left; padding: 0 10px; border: transparent; background-color: transparent; }
.ui-box-ipt02 { width: 113px; height: 35px; line-height: 35px; text-align: left; padding: 0; border: transparent; background-color: transparent; }
.ui-block>input { text-overflow:ellipsis; }
.ui-iptbk>input[type='text'] { text-overflow:ellipsis; margin-left: -10px; padding-right: 10px; }
.ui-iptbk>input.giftPoint { margin: 0 2px; padding: 0; display: inline-block; vertical-align: middle; }
/*--修改第三方支付--*/
.ui-block06 { width: 297px; float: left; margin: 0 10px 10px 0; border: 1px solid #DBDBDB; text-align: center; }
.ui-iptbk04 { width: 175px; line-height: 35px; float: left; padding-left: 10px; }
.ui-box-ipt04 { width: 166px; height: 35px; line-height: 35px; text-align: left; padding: 0 10px; border: transparent; background-color: transparent; }
.ui-box-ipt05 { width: 150px; height: 35px; line-height: 35px; text-align: left; padding: 0 18px 0 10px; border: transparent; background-color: transparent; }
.ui-box-ipt06 { width: 90px; height: 35px; line-height: 35px; text-align: left; padding: 0 10px; border: transparent; background-color: transparent; }

/*--提示文字--*/
.tipText:hover+span { display:block; margin: -6px 0px 0 -3px; }
.tipText02:hover+span { display:block; margin: 0 0 0 10px; }
.tipText03:hover+span { display:block; margin: 0 0 0 -10px; }
.tipText04:hover+span { display:block; margin: -6px 0 0 31px; }
.showalt { position: absolute; background-color: #fbf8e9; border-radius: 3px; border: 1px solid #DBDBDB; font-size: 12px; padding:0 4px; display: none; }

.ui-block02>div { display:inline-block; }
.overHidden { overflow:hidden; }
.textOverEllipsis { text-overflow: ellipsis; }
.whiteSpaceNowrap{ white-space:nowrap;}
.ui-relative {
    position: relative;
}
.ui-absolute { position:absolute; }
/* letter-spacing */
.rad { letter-spacing: 4px; }
.rad01 { letter-spacing: 0.08em; }

/*解決checkbox分開情形*/
.rad02>label { display:block; }
.ui-iptbk.ui-width24.ui-boxBlock>span { display:inline-block; }

.rad03>label, .rad03>label>input { margin:0 5px 0 0; }
/*---開關鈕---*/
.ui-onOff { height: 35px; }
.disNone { display: none; }
.ui-onOff>label { background-image: url(imgs/layout/off.png); background-repeat: no-repeat; background-position: center 7px; background-size: 54px 22px; cursor: pointer; height: 100%; width: 54px; display: inline-block; margin-left: 5px; }
.ui-onOff>label.ischecked,
.ui-onOff>input[type='checkbox']:checked+label { background-image: url(imgs/layout/on.png); }

/*--三欄鈕配置靠右--*/
.btnBlock01 { width:570px; text-align:right; float:left; }
.btnBlock02 { width:430px; text-align:right; float:left; }

/*--magin--*/
.ui-boxBlock { margin: 0 0 0 110px; }
.are-scrtitle { margin: 15px; }
.scr-checkbox { margin-right: 5px; }
.mconfirm { margin: 0 5px 0 -10px; }
.are-dow { margin: 0 20px 0 0; }
.are-dow02 { margin: -11px 19px 0 0; }
.are-dow03 { margin: 0 13px 0 0; }
.are-dow04 { margin: 0 90px 0 0; }
.checktime { margin: 0px 5px 0 0; }
.searchCal { margin: 3px 1px 0 3px; }
.btn-addCancel{ margin: 0 17px 0 0; }
.are-enter { margin: 48px 20px 0 0; }
.logacc { margin:0 0 0 136px; }
.logConfirm { margin: 27px 0 0 252px; }
.scrMar { margin:35px 46px 0 0; }
.marginR657 { margin:0 0 0 657px; }
.marR { margin:0 0 10px 333px; }
.marfile { margin: 49px 0 0 43px !important; }
.ui-iptbk.ui-height82>img { margin: 10px; }

.are-outBtn { width: 210px; height: 25px; display: block; margin: 7px 0px 0 118px; }
.blk-outexport { float:right; margin-right:5px; }

/* 選擇語系 */
.selectIt { opacity: 1 !important; }
.reg-lanDIV { width:400px; margin:0 auto; padding:20px; display:none; }
#cboxContent .reg-lanDIV { display:block; }
.are-lanSel { font-size: 15px; color:#333; }
.blk-log-lan { margin-top: 10px; text-align: right; }
.blk-log-lan li>a { display: block; opacity: 0.5; }
.blk-log-lan>ul>li { list-style: none; display: inline-block; margin-right: 5px; }
.zh-cn-bg { background: url(imgs/layout/lan_cn.png) no-repeat; background-size:100% 100%; height: 20px; width: 35px; }
.en-us-bg { background: url(imgs/layout/lan_en.png) no-repeat; background-size:100% 100%; height: 20px; width: 35px; }
.th-th-bg { background: url(imgs/layout/lan_th.png) no-repeat; background-size:100% 100%; height: 20px; width: 35px; }
.id-id-bg { background: url(imgs/layout/lan_id.png) no-repeat; background-size:100% 100%; height: 20px; width: 35px; box-shadow: 0 1px 3px rgba(182,182,182,0.4); border-radius: 4px; }
.vi-vn-bg { background: url(imgs/layout/lan_vi.png) no-repeat; background-size:100% 100%; height: 20px; width: 35px; }
.zh-cn-bg02 { background: url(imgs/layout/lan_cn-big.png) no-repeat; background-size:100% 100%; height: 67px; width: 100px; }
.en-us-bg02 { background: url(imgs/layout/lan_en-big.png) no-repeat; background-size:100% 100%; height: 67px; width: 100px; }
.id-id-bg02 { background: url(imgs/layout/lan_id-big.png) no-repeat; background-size:100% 100%; height: 67px; width: 100px; }
.th-th-bg02 { background: url(imgs/layout/lan_th-big.png) no-repeat; background-size:100% 100%; height: 67px; width: 100px; }
.vi-vn-bg02 { background: url(imgs/layout/lan_vi-big.png) no-repeat; background-size:100% 100%; height: 67px; width: 100px; }


/*---館別篩選---*/
.reg-box-content { width: 700px; box-sizing: border-box; padding: 30px 18px 18px 18px; color: #333; margin: 0 auto; }
.scr-btn-all { font-size: 13px; font-weight: 600; color: #666666; margin: 15px; list-style: none; display: inline-block; }
.scr-btn-all a { color: #666666; }
.scr-btn-all a:hover { color: #00A8E6; }
.are-scrfooter { clear: left; margin: 13px 0 0 488px; }
/*---新增調整單---*/
.reg-box-con02 { width: 710px; box-sizing: border-box; padding: 40px 18px; color: #333; margin: 0 auto; }
.page-transfer .reg-box-con02 { width: 790px; }
/*---電匯---*/
.reg-tele-content { width: 450px; box-sizing: border-box; padding: 30px 18px 18px 18px; color: #333; margin: 0 auto; }
.reg-tele-content .scr-teletxt { width: 450px; font-size: 13px; font-weight: 600; color: #666666; text-align: center; margin: 20px 0 40px 0; }
.reg-tele-content .scr-teletxt02 { width: 450px; font-size: 15px; font-weight: 600; color: #666666; text-align: center; margin: 20px 0 40px 0; }
.reg-tele-content .scr-teletxt02 span { color: #1c98cc; }
.textReturnVisit { line-height: 40px; font-size: 15px; margin: 0 0 0 5px;}
.textReturnVisit span {font-size: 13px; padding-left: 5px; font-style:italic;}

/*信箱服務*/
.reg-box-con02 .textarea01 textarea { width: 542px; height: 100px; border: transparent; padding: 6px 0 0 8px;  box-sizing: border-box;}
.textarea01 .editorBox { width: 542px; height:200px; max-height:200px; border: transparent; box-sizing: border-box;float:left;}
.textarea01 .editorBox>div { width:540px;}
.textarea02 .editorBox { width: 442px; height:200px; max-height:200px; border: transparent; box-sizing: border-box;float:left;}
.textarea02 .editorBox>div { width:442px;}
.reg-box-details .btn-blue.fixedWidth { padding:0px;width:70px;white-space: nowrap;}

.imo-remark { width: 198px; height: 25px; border: 0; padding:10px 2px 0 10px; }
.lastime { width: 400px; float: left; }
.last-editor { clear: both; }
.editors01 { display: block; }
/*---新增帳號---*/
.ui-iptbk02 { width: 270px; text-align: center; }
/*---進階搜索---*/
.reg-searchConDIV { width: 488px; color: #333; box-sizing: border-box; margin: 20px auto; position: absolute; left: -9999px; }
#colorbox .reg-searchConDIV { position: static; left: auto; }
/*--站台篩選--*/
.reg-divCon { width:550px; box-sizing: border-box; color: #333; margin: 20px auto; display:none; }
#colorbox .reg-divCon { display:block; }
#colorbox .actAdd { display:block; }
/*--銀行篩選--*/
.reg-divCon02 { width:800px; box-sizing: border-box; color: #333; margin: 20px auto; display:none; }
#colorbox .reg-divCon02 { display:block; }
.bank-footer { margin:0 18px 0 0; }
/*---匯出---*/
.are-outAcc { font-size: 15px; color: #8E8E8E; font-weight: 600; display: block; margin: -59px 0 0 118px; }
.reg-accImoOut { box-sizing: border-box; width: 350px; height: 200px; margin: 0px auto; padding-top: 40px; }
.bg-lock { background-image: url(imgs/layout/lock.png); background-repeat: no-repeat; height: 78px; width: 100px; background-size: 100%; }
.accUser { font-size: 15px; color: #8E8E8E; font-weight: 600; display: block; margin: 0 0 0 117px; }
.iptAccUser { font-size: 15px; color: #2EABF3; font-weight: 600; }
/*---修改狀態---*/
.reg-MScontent { width: 380px; box-sizing: border-box; padding: 40px 22px; color: #333; margin: 0px auto; }
/*---產品設定---*/
.are-pscontent:after,.are-checkPS:after{content:''; display:block; clear:both;}
.reg-psCon { width: 710px; box-sizing: border-box; padding: 24px 18px; color: #333; margin: 0 auto; }
.ipt-no { width: 50px; height: 20px; text-align: center; border: 0; }
.are-checkPS { clear: both; }
/*---取款申請單---*/
.reg-rocontent { width: 1061px; box-sizing: border-box; padding: 39px 18px; color: #333; margin: 0 auto; }
.are-outCon { float: left; margin-right: 5px; }
.page-transfer .are-outCon { margin-right: 0; }
.subheading { font-size: 16px; color: #999; margin-bottom: 10px; letter-spacing: 1px; }
.explanation { width: 870px; height: 25px; border: 0; padding: 10px 5px 0 10px; }
/*---詳細資料---*/
.reg-box-details { width: 780px; box-sizing: border-box; padding: 32px 18px; color: #333; margin: 0 auto; }
.row02 { clear: left; }
.ui-iptbk .dropdown li{ padding: 0px 15px; }
.ui-iptbk07 .dropdown {
    width: 350px;
}


.submit-btns-wrap {
  margin: 10px 19px 0 0;
}
/*==================================================login box===============================================================*/
.reg-wra { width:350px; margin: 0 auto; padding:30px; }
.bg-error { background-image: url(imgs/login/error.png); background-repeat: no-repeat; background-size: 100%; height: 76px; width: 100px; }
.logerror{ color: #484C4D; margin:-58px 0 0 118px; }
.btn-blue { font-size: 13px; color: #FFF; height: 25px; line-height: 25px; padding: 0 20px; text-align: center; display: inline-block; cursor: pointer; border: none; border-radius: 15px; vertical-align: top; background-color:#28a9e0; outline: none; }
.btn-blue:hover { background-color:#1c98cc; }
.img-list { background:url(imgs/layout/img-list.jpg) no-repeat; background-size:100% 100%; width:300px; height:220px;}
.img-con { background:url(imgs/layout/img-con.jpg) no-repeat; background-size:100% 100%; width:676px; height:338px;}
.img-act { background:url(imgs/layout/img-act.png) no-repeat; background-size:100% 100%; width:299px; height:76px;}

/*============================================== Colorbox ===================================================================*/
/*Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.*/

#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000; opacity: 0.9; filter: alpha(opacity = 90); /* overflow-y: scroll; */}
#colorbox { outline: 0; }
#cboxContent { margin-top: 20px; background: #000; }
/*.cboxIframe { background: #fff; }*/
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { background: #fff; }
#cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; }
#cboxCurrent { position: absolute; top: -20px; right: 0px; color: #ccc; }
#cboxLoadingGraphic { background: url(imgs/colorbox/loading.gif) no-repeat center center; }
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }
#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }
#cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(imgs/colorbox/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }
#cboxPrevious:hover { background-position: bottom left; }
#cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(imgs/colorbox/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }
#cboxNext:hover { background-position: bottom right; }
#cboxClose { position: absolute; top: 14px; right: 24px; display: block; background: url(imgs/colorbox/controls.png) no-repeat top center; width: 34px; height: 34px; text-indent: -9999px; background-size: 60px 80px; display: none; }
#cboxClose:hover { background-position: bottom center; top: 10px; }