body
{
    font-family: "微軟正黑體";
    font-size: 9pt;
    text-align: center;
    -webkit-user-select: none;
    color:#686868;
}
* {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-family: "微軟正黑體";
    touch-action: manipulation;
}
input[type=button] {
    -webkit-appearance: none;
}
ol, ul
{
    float: left;
    list-style: none;
}
ul input
{
    float: left;
}
ul li
{
    float:left;
}
a
{
    text-decoration: none;
}
img
{
    float:left;
    border: 0px;
}
.spred
{
    padding-left:5px;
    color:Red;
    font-size:20px;
}
.seabody
{
    background:#e7e7e7;
}
.mask
{
    z-index: 1000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.tbar27
{
    clear:both;
    margin:0px;
    width:100%;
    background:url(../Images/toolbar_bg2.gif) repeat-x; 
    height:27px;
    line-height:26px;
    color:#686868; 
}
.mask0
{
    z-index:10000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);    
    background-color: #ffffff;
    opacity: 0;
}
.maskw
{
    filter: alpha(opacity=30);    
    background-color: #ffffff;
    opacity: 0.3;
}
.maskn
{
    filter: alpha(opacity=0);
    background-color: #ffffff;
    opacity: 0;
}
.maskb
{
    filter: alpha(opacity=50);
    background-color: #000000;
    opacity: 0.5;
}
.unshow
{
    display: none;
}
.fl
{
    text-align:left;
}
.fr
{
    text-align:right;
}
.input18
{
    border: 1px #99bbe8 solid;
    line-height: 18px;
    height: 17px;
    width: 80%;
}
.input28
{
    border: 1px #99bbe8 solid;
    font-size: 26px;
    line-height: 27px;
    height: 28px;
    width: 60%;
}
.input20
{
    border: 1px #99bbe8 solid;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    width: 60%;
}
.input24
{
    border: 1px #99bbe8 solid;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    width: 60%;
}
.input38
{
    border: 1px #99bbe8 solid;
    font-size: 24px;
    line-height: 36px;
    height: 36px;
    width: 80%;
}
.input40
{
    border: 1px #99bbe8 solid;
    font-size: 24px;
    line-height: 40px;
    padding-right: 3px;
    height: 40px;
    width: 60%;
}
.inputbg
{
    border:0px;
    background-color:transparent;
    width:98%;
    height:98%;
    line-height:98%;
}
.ddl
{
    border: 1px #99bbe8 solid;
}
.read
{
    border: 1px #dcdfee solid;
    color:#adadad;
}
.isl
{
    float:left;
    margin-top:2px;
}
.bsl
{
    float:left;
    margin-left:5px;
    margin-top:2px;
}
.btnon
{
    background: url(../Images/img_onoff.png) no-repeat -50px -2px;
    width: 43px;
    height: 25px;
    border: 0px;
    cursor: pointer;
}
.btnoff
{
    background: url(../Images/img_onoff.png) no-repeat 0px -2px;
    width: 43px;
    height: 25px;
    border: 0px;
    cursor: pointer;
}
.btnkey1
{
    background: url(../Images/keyboard_1.gif) no-repeat;
    width: 38px;
    height: 23px;
    border: 0px;
    cursor: pointer;
}
.btnkey1:hover
{
    background: url(../Images/keyboard_2.gif) no-repeat;    
}
.btn_normal
{
    margin-right: 5px;
    background: url(../Images/bg_Full.png) no-repeat -400px -193px;
    width: 56px;
    height: 22px;
    border: 0px;
    color: #f45a26;
    text-align: center;
    cursor: pointer;
}
.btnlist
{
    margin-top: 2px;
    height: 23px;
}
.btnlist li
{
    float: left;
    line-height: 22px;
}
.btnlist .ele
{
    margin-top:1px;
    margin-right: 5px;
}
.btnSjUp
{
    background: url(../Images/sj_up.png) no-repeat 39px 7px;
    border: 0px;
    height: 22px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    color: #f45a26;
    padding-right: 8px;
    font-size: 12px;
    float: left;
}
.btnSjDown
{
    background: url(../Images/sj_down.png) no-repeat no-repeat 39px 7px;
    background-repeat:no-repeat;
    background-position:0px 0px;
    border: 0px;
    height: 22px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    color: #f45a26;
    padding-right: 8px;
    font-size: 12px;
    float: left;
    background-position:39px 7px;
    width:56px;
}
.btn_normal .btnSjUp
{    
    background-position:39px 7px;
    width:56px;
}
.btn_normal .btnSjDown
{    
    background-position:39px 7px;
    width:56px;
}
.btn_short
{
    margin-right: 5px;
    background: url(../Images/bg_Full.png) no-repeat -463px -193px;
    width: 44px;
    height: 22px;
    border: 0px;
    color: #f45a26;
    text-align: center;
    cursor: pointer;
}
.btn_long
{
    margin-right: 5px;
    background: url(../Images/bg_Full.png) no-repeat -514px -193px;
    width: 84px;
    height: 22px;
    border: 0px;
    color: #f45a26;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}
.btn_long .btnSjUp
{
    background-position:68px 7px;
    width:84px;
}
.btn_long .btnSjDown
{
    background-position:68px 7px;
    width:84px;
}
.btn_return
{
    margin-right: 5px;
    background: url(../Images/prev_btn.png) no-repeat;
    height: 22px;
    border: 0px;
    width: 34px;
    cursor: pointer;
}
.btnprev
{
    float: left;
    margin-top: 2px;
    background: url(../Images/prev_btn.png) no-repeat;
    height: 22px;
    border: 0px;
    width: 34px;
    cursor: pointer;
}
.btnnext
{
    margin-top: 2px;
    background: url(../Images/next_btn.png) no-repeat 0px 0px;
    height: 22px;
    border: 0px;
    width: 34px;
    cursor: pointer;
}
.btnclose
{
    margin-top: 2px;
    background: url(../Images/icon_bg.png) no-repeat -62px 1px;
    height: 24px;
    border: 0px;
    width: 24px;
    cursor: pointer;
}
.btnmin
{
    margin-top: 2px;
    background: url(../Images/icon_bg.png) no-repeat -91px 1px;
    height: 24px;
    border: 0px;
    width: 24px;
    cursor: pointer;
}
.btnmore 
{
    float:left;
background: url(../Images/icon_bg.png) no-repeat -30px 0px;
height: 23px;
border: 0px;
width: 24px;
cursor: pointer;
}
.btnlittel
{
    float:left;
background: url(../Images/icon_bg.png) no-repeat;
height: 23px;
border: 0px;
width: 23px;
cursor: pointer;
}
.blue_btn
{/*
    margin-right: 5px;
    background: url(../Images/date_bg.png) no-repeat 0px -276px;
    width: 111px;
    height: 29px;
    border: 0px;
    cursor: pointer;*/
    margin-right: 5px;
    background:#00B1F8;
    font-family:'微軟正黑體';
    color:#fff;
    font-weight:bold;
    border-radius:5px;
    font-size:16px;
    text-align:center;
    width: 111px;
    height: 29px;
    border: 0px;
    cursor: pointer;
}
.blue_btn:hover
{
    background:#FF9933;
}
.btnsearch
{
    background:url(../Images/img_onoff.png) no-repeat -99px 0px;
    width:32px;
    height:33px;
    border:0px;
    cursor:pointer;
}
.bigsearch
{
    background:url(../Images/date_bg.png) no-repeat 0px -365px;
    width:43px;
    height:43px;    
    border:0px;
    cursor:pointer;
}
.bigadd
{
    background:url(../Images/add5.png) no-repeat center center;
    width:43px;
    height:43px;    
    border:0px;
    cursor:pointer;
}
.btnOK
{
    background:url(../Images/btn_pop1.png) no-repeat;
    width:71px;
    height:28px;
    border:0px;
    cursor:pointer;
}
.loadbg
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -134px;
    margin-top: -63px;
    width: 268px;
    height: 126px;
    background: url(../Images/loading_bg.png) no-repeat;
    z-index: 2000;
}
.loadbg .img_div
{
    float: left;
    margin-left: 57px;
    margin-top: 36px;
    background: url(../Images/loading.gif) no-repeat;
    width: 65px;
    height: 49px;
}
.loadbg .text_div
{
    float: left;
    display: table-cell;
    margin-top: 36px;
    height: 50px;
    width: 119px;
    text-align: left;
    vertical-align: middle;
}
.tab_y,.tab_y2
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    list-style: none;
}
.tab_y li
{
    float: left;
    margin-right: 2px;
    width: 117px;
    height: 29px;
    text-align: center;
    color: #000000;
    cursor: pointer;
    background: url(../Images/tab_yellow.png) no-repeat -119px -1px;
}
.tab_y .sel
{
    background: url(../Images/tab_yellow.png) no-repeat 0px -1px;
    color: #FFFFFF;
}
.tab_y2 li
{
    float: left;
    margin-right: 2px;
    width: 117px;
    height: 29px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: url(../Images/tab_yellow.png) no-repeat 0px -1px;    
}
.tab_y2 .sel
{
    background: url(../Images/tab_yellow.png) no-repeat -119px -1px;
    color: #000000;
}
.tab_V{position:absolute;top:28px;display:none;}
.tab_V li{background:url();background-color:#f8f9ff;color:#000000;width:115px;margin-right:0;border-left:1px solid #dcae79;border-right:1px solid #dcae79;}
.tab_V li.liend{border-bottom:1px solid #dcae79;border-radius:0 0 5px 5px;}
.tab_V li:hover{background-color:#fae4d9;margin-right:0;}

.w40
{
    width: 40px;
}
.w50
{
    width: 48px;
}
.w70
{
    width: 70px;
}
.w80
{
    width: 80px;
}
.w90
{
    width: 90px;
}
.w120
{
    width: 120px;
}
.w4
{
    width: 4px;
}
.popmain2
{
    position:absolute;    
    z-index:1002;
    display:none;
}
.popmain2 .top
{
    height:34px;
    width:100%;
}
.popmain2 .topl
{
    float:left;
    width:5px;
    background:url(../Images/date_bg.png) no-repeat 0px -2px;
    height:34px;    
}
.popmain2 .topc
{
    float:left;
    position:relative;
    background:url(../Images/pop2_top.png) repeat-x;
    height:34px;    
    text-align:center;
    color:#686868;
    line-height:34px;
    font-weight:bold;
    font-size:14px;
    cursor:move;
}
.popmain2 .topc_l
{
    float:left;
    margin-top:6px;
    background:url(../Images/bg_Full.png) no-repeat -589px 0px;
    height:22px;
    border:0px;
    width:34px;    
}
.popmain2 .topc_t
{
    float:left;
    padding-left:5px;
    height:34px;
    line-height:34px;
    font-size:22px;
    border:0px;
    color:#02a4e8;    
    text-align:left;
}
.popmain2 .topc_r
{
    float:right;
    margin-top:4px;
    background:url(../Images/icon_bg.png) no-repeat -62px 1px;
    height:24px;
    border:0px;
    width:24px;
    cursor:pointer;
}
.popmain2 .topr
{
    float:left;
    width:5px;
    background:url(../Images/date_bg.png) no-repeat -464px -2px;
    height:34px;
    cursor:pointer;
}
.popmain2 .mid
{
    clear:both;
    background-color:#f3f3f3;
    width:100%;
}
.popmain2 .midl
{
    float:left;
    background:url(../Images/pop2_left.png) repeat-y;
    width:5px;
}
.popmain2 .midc
{
    float:left;
    background:#f3f3f3;
}
.popmain2 .midr
{
    float:left;
    background:url(../Images/pop2_right.png) repeat-y;
    width:5px;
}
.popmain2 .bot
{
    clear:both;
    margin:0px;
    padding:0px;
    width:100%;
    height:4px;
}
.popmain2 .botl
{
    float:left;
    width:5px;
    background:url(../Images/date_bg.png) no-repeat 0px -252px;
    height:4px;
}
.popmain2 .botc
{
    float:left;
    background:url(../Images/pop2_bottom.png) repeat-x;
    height:4px;
}
.popmain2 .botr
{
    float:left;
    width:5px;
    background:url(../Images/date_bg.png) no-repeat -464px -251px;
    height:4px;
}
.popbody2
{
    color:#686868;
    background: #F3F3F3;
    font-size:14px;
    overflow:hidden;
}
.pop_ts
{   
    padding:6px 7px;  
    padding-bottom:4px;
    background:#FFFFFF;
}
.pop_t2
{
    float:left;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 6px;
    background: #FFFFFF;
    overflow:hidden;
}
.pop_b2
{
    float:left;
    padding-top: 3px;
    background: #F3F3F3;
    height:29px;
    text-align: center;
    width:100%;
}
/*圓角公用部份*/
.yj_left
{
    text-align:left;
    overflow:hidden;
}
.yj_center
{
    text-align:center;
}
.yjfull
{
    position:relative;
    width:100%;
}
.yjfull .l
{
    float:left;
}
.yjfull .r
{
    float:right;
    margin-right:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    .sfull .yjfull .r
    {
        margin-right:0px;
    }
}
.yjfull .cotent
{
    position:absolute;
    width:100%;    
}
/*下拉選單的樣式*/
.dDropDown
{
    position: absolute;
    width: 193px;
    z-index: 1000;
}
.dDropDown .dtop
{
    background: url(../Images/ddrop.png) no-repeat -2px 0px;
    width: 193px;
    height: 12px;
}
.dDropDown .dmid
{
    background: url(../Images/ddrop_v.png) repeat-y -2px 0px;
    width: 193px;
}
.dDropDown .dbot
{
    background: url(../images/ddrop.png) no-repeat -2px -119px;
    width: 193px;
    height: 16px;
}
.dDropDown2
{
    position: absolute;
    width: 193px;
    z-index: 1000;
}
.dDropDown2 .dtop
{
    background: url(../Images/ddrop2.png) no-repeat 0px 0px;
    width: 193px;
    height: 16px;
}
.dDropDown2 .dmid
{
    padding-left: 2px;
    background: url(../Images/ddrop2_v.png) repeat-y 0px 0px;
    width: 191px;
}
.dDropDown2 .dbot
{
    background: url(../images/ddrop2.png) no-repeat 0px -124px;
    width: 193px;
    height: 10px;
}
.dd_ilist
{
    float: left;
    margin-left: 5px;
    width: 178px;
    line-height: 40px;
}
.dd_ilist li
{
    padding-left: 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 40px;
    height: 40px;
    width:178px;
    font-size: 25px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #b8b8b8;
    background: url(../images/ddrop_normal.png) no-repeat right 10px;
    color: #686868;
}
.dd_ilist .li_sel
{
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 40px;
    height: 40px;
    font-size: 25px;
    padding-left: 2px;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #b8b8b8;
    background: url(../images/ddrop_curr.png) no-repeat right 10px;
    background-color: #feac25;
    color: #ffffff;
}
.sl
{
    float:left;
}
.popfull
{
    position: absolute;
    background: #bbc9ff;
    z-index: 10000;
}
.popfull .tabt
{
    float:left;
    margin-top:4px;
    height:28px;
}
.yjw_t7
{
    position:relative;
    width: 100%;
    height: 7px;
}
.yjw_t7 .l
{
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../Images/allyj.png) no-repeat left -1586px;
    height: 7px;
    width: 50%;
}
.yjw_t7 .r
{
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../Images/allyj.png) no-repeat right -1586px;
    height: 7px;
    width: 50%;
}
/* 彈出顯示的數字鍵盤*/
.pnkey {
    float: left;
    width: 57px;
}

    .pnkey li {
        width: 57px;
        height: 54px;
        text-align: center;
        font-size: 40px;
        line-height: 48px;
        font-weight: bold;
        cursor: pointer;
    }

    .pnkey .sk00 {
        background: url(../Images/pos_bg.png) no-repeat -103px -551px;
        font-size: 25px;
        color: #000000;
    }

    .pnkey .sk02 {
        background: url(../Images/pos_bg_2.png) no-repeat -226px 1px;
        font-size: 25px;
        color: #FFFFFF;
    }

    .pnkey .sk10 {
        background: url(../Images/pos_bg.png) no-repeat -103px -551px;
        color: #000000;
    }

    .pnkey .sk12 {
        background: url(../Images/pos_bg_2.png) no-repeat -226px 1px;
        color: #FFFFFF;
    }

    .pnkey .sk20 {
        background: url(../Images/pos_bg.png) no-repeat 2px -551px;
        height: 88px;
        line-height: 35px;
        padding-top: 20px;
        color: #000000;
        font-size: 32px;
        text-align: center;
        word-break: break-all;
        overflow: hidden;
    }

    .pnkey li:hover {
        background: url(../Images/pos_bg_2.png) no-repeat -225px -62px;
    }

    .pnkey .sk20:hover {
        background: url(../Images/pos_bg_2.png) no-repeat -224px -350px;
    }

    .pnkey .sk22 {
        background: url(../Images/pos_bg_2.png) no-repeat -226px -146px;
        height: 88px;
        color: #FFFFFF;
        padding-top: 20px;
        font-size: 32px;
        line-height: 35px;
    }

    .pnkey .sk30 {
        background: url(../Images/pos_bg.png) no-repeat -103px -551px;
        font-size: 20px;
        color: #000000;
    }

    .pnkey .sk32 {
        background: url(../Images/pos_bg_2.png) no-repeat -226px 1px;
        font-size: 20px;
        color: #FFFFFF;
    }
/* 彈出顯示的數字鍵盤*/
.pnkeynew {
    float: left;
    width: 90px;
    margin-right: 15px;
}
    .pnkeynew li {
        background: #fff;
        border-radius: 5px;
        -moz-box-shadow: 2px 4px 5px #8A8A8A;
        -webkit-box-shadow: 2px 4px 5px #8A8A8A;
        box-shadow: 1px 1px 5px #8A8A8A;
        height: 80px;
        line-height: 80px;
        text-align: center;
        font-size: 50px;
        color: #000000;
        font-weight: bold;
        white-space: pre-wrap;
        word-break: break-all;
        word-wrap: break-word;
        cursor: pointer;
        overflow: hidden;
        width: 90px;
        margin-top: 10px;
    }
    .pnkeynew .sk00 {
    }
    .pnkeynew .sk02 {
        background: #ff5100;
        color: #fff;
    }
    .pnkeynew .sk10 {
    }
    .pnkeynew .sk12 {
        background: #ff5100;
        color: #fff;
    }
    .pnkeynew .sk20 {
        height: 160px;
        width: 85px;
        line-height: 75px;
        color: #000000;
        padding-top: 10px;
        font-size: 40px;
        margin-right: 0px;
        text-align: center;
        word-break: break-all;
        overflow: hidden;
    }
    .pnkeynew li:hover {
        background: url(../Images/pitem_bg_overbg.png) repeat;
    }
    .pnkeynew .sk20:hover {
    }
    .pnkeynew .sk22 {
    }
    .pnkeynew .sk30 {
        width: 85px;
        font-size: 30px;
    }
    .pnkeynew .sk32 {
        background: #ff5100;
        color: #fff;
        font-size:30px;
    }
.btnren
{
   background:url(../Images/kpiren.png) no-repeat; 
   width:33px; 
   height:25px; 
   cursor:pointer;
   border:0px;
}
.btnPrevCss
{
    float: left;
    background:url(../Images/pict/shanyibing.gif) no-repeat;
    width: 28px;
    height: 22px;
    border: 0;
    cursor: pointer;    
}
 .btnNextCss
{
    float: left;
    background:url(../Images/pict/shanyibing_a.gif) no-repeat;
    width: 28px;
    height: 22px;
    border: 0px;
    cursor: pointer;    
}

.pop2_tpart
{    
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 6px;
    background: #FFFFFF;
    overflow: hidden;
}
.pop2_bpart
{
    clear:both;
    margin-top: 2px;
    background: #F3F3F3;
    height: 29px;
    text-align: center;
}

.inputbox
{
    padding: 0px;
    margin: 0px;
    border: 1px #99bbe8 solid;
    line-height: 18px;
    height: 17px;
    width: 80%;
}
.btn
{
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid #d7d7d7;
    margin-right: -1px;
    -webkit-transform: translateZ(0);
    padding: 4px 0px 4px 0px;
    text-align:center;
    display: inline-block;
    background-color:#3F97F9;
    color:#ffffff;
    font-family:'微軟正黑體';
    cursor:pointer;
}
.btn i{font-size: 21px;position: absolute;-ms-filter: "alpha(Opacity=0)";filter: alpha(opacity=0);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;opacity: 0;left: 70%;top:0%;}
.btn span{position: relative;left: 0px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;color:#ffffff;}
.btn:hover{background-color: #1E77DF;color:#ffffff;}
.btn:hover span{left: -10px;}
.btn:hover i{margin-left:-10px;-ms-filter: "alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;font-size:18px;top:10%;}
.prevpart
{
    float:left;
    background: url(../Images/prodscrollbg.png) no-repeat -72px 0px;
    width: 36px;
 height: 36px;
border: 0px;
    cursor:pointer;
}
.prevpart:hover
{
    background: url(../Images/prodscrollbg.png) no-repeat;
}
.nextpart
{
    float:left;
    background: url(../Images/prodscrollbg.png) no-repeat -108px;
    width: 36px;
height: 36px;
border: 0px;
cursor:pointer;
}
.nextpart:hover
{
    background: url(../Images/prodscrollbg.png) no-repeat -36px 0px;
}