﻿body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    background-color: #012a60;
}

.wrapper {
    width: 940px;
    height: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

a {
    outline: none; /* for Firefox */
    hlbr: expression(this.onFocus=this.blur()); /* for IE */
}
/************/
#top {
    background-color: #001e76;
    height: 137px;
    border-top: 10px solid #001e76;
    border-bottom: 3px solid #fff;
    background-image: url(/images/CRIE3.0/topBg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    color: #FFF;
}

#top .wrapper {
        background-image: url(/images/CRIE3.0/topBanner.png);
        background-repeat: no-repeat;
}

#header {
    
    height: 37px;
    line-height: 37px;
    color: #fff;
    background-color: #001e76;
}

#middle {
    background: #FFF url(/images/CRIE3.0/middleBg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px 100%;
    padding: 0px;
}

#footer {
    background-color: #012a60;
    height: 40px;
    padding-top: 5px;
    text-align: center;
    line-height: 40px;
}

    #footer .line {
        background-color: #2065bd;
        height: 1px;
        width: 100%;
    }

    #footer a {
        text-decoration: none;
        display: inline-block;
        background-image: url(/images/CRIE3.0/spot.png);
        background-repeat: no-repeat;
        background-position: 0px center;
        text-indent: 18px;
        margin: 0 15px;
        color: #fff;
    }

        #footer a:hover {
            text-decoration: underline;
        }
/*《btn》更改密碼/登出*/
.loginBtn.ui-button.ui-widget.ui-state-default.ui-corner-all {
    padding: 2px 5px 4px 5px;
    padding: 4px 5px 3px 5px \9;
    *padding: 4px 5px 0px 5px;
    font-size: 14px;
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -6px;
    border: 1px solid #666;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .loginBtn.ui-button.ui-widget.ui-state-default.ui-corner-all:hover {
        background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -40px;
    }
/*《btn》切換成中文為外語使用者*/
.normalBtn.ui-button.ui-widget.ui-state-default.ui-corner-all {
    border: 1px solid #b6b679;
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .normalBtn.ui-button.ui-widget.ui-state-default.ui-corner-all:hover {
        background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -35px;
    }
/*《btn》下一步*/
.nextBtn.ui-button.ui-widget.ui-state-default.ui-corner-all {
    border: 1px solid #012a60;
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -455px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .nextBtn.ui-button.ui-widget.ui-state-default.ui-corner-all:hover {
        background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -490px;
        color: #FFF;
    }

input.ui-button.nextBtn {
    padding: 5px;
    padding: 6px 5px 2px 5px \9;
}

input.ui-button.ui-widget.nextBtn {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
/**步驟2 CSS***********************/
.indexBlock {
    background-color: #FFF;
    padding: 0.5em;
    padding: 0.5em 0.5em 0.1em 0.5em \9;
    border: 1px solid #CCC;
    margin: 0.5em 0;
}

.group1Btn.ui-state-default, .group1Btn.ui-widget-content .ui-state-default, .group1Btn.ui-widget-header .ui-state-default {
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -200px;
    border: 1px solid #adb995;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px \9;
}

.group2Btn.ui-state-default, .group2Btn.ui-widget-content .ui-state-default, .group2Btn.ui-widget-header .ui-state-default {
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -235px;
    border: 1px solid #b09a7f;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px \9;
}

.group3Btn.ui-state-default, .group3Btn.ui-widget-content .ui-state-default, .group3Btn.ui-widget-header .ui-state-default {
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -270px;
    border: 1px solid #b9ae98;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px \9;
}

.group4Btn.ui-state-default, .group4Btn.ui-widget-content .ui-state-default, .group4Btn.ui-widget-header .ui-state-default {
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -305px;
    background-repeat: repeat-x;
    border: 1px solid #9fbaa8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px \9;
}

.group5Btn.ui-state-default, .group5Btn.ui-widget-content .ui-state-default, .group5Btn.ui-widget-header .ui-state-default {
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -340px;
    border: 1px solid #90a1b9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px \9;
}

.group6Btn.ui-state-default, .group6Btn.ui-widget-content .ui-state-default, .group6Btn.ui-widget-header .ui-state-default {
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -375px;
    border: 1px solid #bba59f;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px \9;
}

.group7Btn.ui-state-default, .group7Btn.ui-widget-content .ui-state-default, .group7Btn.ui-widget-header .ui-state-default {
    background: url(/images/CRIE3.0/btnBg.png) repeat-x 0px -410px;
    background-repeat: repeat-x;
    border: 1px solid #a89db8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 5px;
    margin-right: 5px \9;
}
/**步驟式頁籤*****/
.step li .back {
    width: 20px;
    height: 36px;
    display: inline-block;
    position: absolute;
    right: -2px;
    top: -1px;
    z-index: 10;
    background: url(/images/CRIE3.0/defaultStepBack.png) no-repeat right top;
}

.step li.last .back {
    background: none;
}

.step li:hover .front {
    width: 20px;
    height: 36px;
    display: inline-block;
    position: absolute;
    left: -20px;
    top: -1px;
    z-index: 60;
    background: url(/images/CRIE3.0/defaultStepFront.png) no-repeat left top;
}

.step li.first .front {
    background: none;
}

.step li.ui-state-active .front, .step li.ui-state-active:hover .front {
    width: 20px;
    height: 36px;
    display: inline-block;
    position: absolute;
    left: -20px;
    top: -1px;
    z-index: 100;
    background: url(/images/CRIE3.0/activeStepFront.png) no-repeat left top;
}

.step li.ui-state-active.first .front {
    background: none;
}

/**/
.ui-widget-content {
    background-color: transparent;
    background-image: none;
    margin-bottom: 30px;
}

.ui-widget-header {
    background-color: transparent;
    background-image: none;
}

.ui-tabs .ui-tabs-panel {
    background-color: #f7f3e8;
    background-image: url(/images/CRIE3.0/contentBg.jpg);
    background-repeat: no-repeat;
    border: 1px solid #aeaba6;
    border-top: none;
}
