@charset "utf-8";

/**************************************

                通用格式

**************************************/

html {
    font-size: 62.5%;
}

body {
    padding: 0;
    margin: 0;
    border: 0;
    font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif
    /*background: url(../images/test.jpg) center 0 no-repeat;*/
}

a {
    text-decoration: none;
    color: #434343;
}

a:hover {}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

.detail_word {
	font-family: "微軟正黑體";
	font-wieght: bold;
	font-size: 14px;
	background: #000080;
	color: #EFEFEF;
}

.fun_main_box {
	font-family: "微軟正黑體";
	font-wieght: bold;
	font-size: 14px;
}

.fun_main_font {
	font-family: "微軟正黑體";
	font-wieght: bold;
	font-size: 22px;
	color: #011B5A;
	height: 42px; 
	line-height: 42px;
	text-align: left
}
/**************************************

                網站版型

**************************************/
.indexBg {
    /* background: url(../images/index_bar.jpg); */
	background: url(../images/bar/20161220.jpg);
    height: 83px;
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;

}

.indexBar {

}

.indexContent {
    position: relative;
    padding: 1px 0 0 0;
}

.indexContent >.indexLogo {
    width: 297px;
    height: 77px;
    margin: 18px auto 0 auto;
}

.indexContent >.indexMenu {
    position: absolute;
    top: 29px;
    right: 94px;
}

.indexContent >.indexMenu > li {
    display: inline-block;
    ;
    vertical-align: top;
}

.indexContent >.indexMenu > li > .user {
    color: #050505;
    font-size: 14px;
    height: 32px;
    line-height: 33px;
    padding: 0 16px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0 11px 0 0;
}
.indexContent >.indexMenu > li > .user > span {}

.indexContent >.indexMenu > li > a {
    width: 31px;
    height: 32px;
    display: block;
}

.indexContent >.indexMenu > li > a.back {
    background: url(../images/index_menuBack.png) center center no-repeat;
}

.indexContent >.indexMenu > li > a.back:hover {
    background: url(../images/index_menuBack2.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.next {
    background: url(../images/index_menuNext.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.next:hover {
    background: url(../images/index_menuNext2.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.home {
    background: url(../images/index_menuHome.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.home:hover {
    background: url(../images/index_menuHome2.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.rule {
    background: url(../images/index_menuRule.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.rule:hover {
    background: url(../images/index_menuRule2.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.setup:hover {
    background: url(../images/index_setup2.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.setup {
    background: url(../images/index_setup.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.admin:hover {
    background: url(../images/index_admin2.png) center center no-repeat;
    transition: 0.5s;
}

.indexContent >.indexMenu > li > a.admin {
    background: url(../images/index_admin.png) center center no-repeat;
    transition: 0.5s;
}


.indexWrapperBg {
    background: url(../images/index_bg.jpg) center 0 repeat-x;
    height: 675px;
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;	
}

.indexWrapper {
    width: 1366px;
    margin: 0 auto;
}

.indexWrapper:after {
    content: "";
    display: block;
    clear: both;
}

.indexWrapper > .left {
    display: inline-block;
    vertical-align: top;
    margin: 66px 0 0 251px;
    float: left;
}

.leftList {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.leftList > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 0;
}

.leftList > li > .box {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 10px 10px;
    box-sizing: border-box;
    text-align: center;
    display: block;
    transition: 0.5s;
}

.leftList > li > .box:hover {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 7px 23px 1px rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}

.leftList > li > .box > img {}

.leftList > li > .box > .name {
    font-size: 18px;
    margin: 3px 0 0 0;
    font-weight: 900;
}

.leftListC {
    margin: 38px 0 0 0;
}

.leftList > li > .box > .name1 {
    color: #56b065;
}

.leftList > li > .box > .name2 {
    color: #e60516;
}

.leftList > li > .box > .name3 {
    color: #7f2fa6;
}

.indexWrapper > .right {
    display: inline-block;
    vertical-align: top;
    margin: 66px 125px 0 0;
    float: right;
}

.rightList {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.rightList > li {
    display: inline-block;
    vertical-align: top;
    margin: -12px 22px 0 0;
}

.rightList > li > .box {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 10px 10px;
    box-sizing: border-box;
    text-align: center;
    display: block;
    transition: 0.5s;
}

.rightList > li > .box:hover {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 7px 23px 1px rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}

.rightList > li > .box > img {}

.rightList > li > .box > .name {
    font-size: 18px;
    margin: 3px 0 0 0;
    font-weight: 900;
}

.rightListC {
    margin: 38px 0 0 0;
}

.rightList > li > .box > .nameM {
    color: #6FBB7F;
}

.rightList > li > .box > .nameH {
    color: #9F2492;
}

.rightList > li > .box > .nameS {
    color: #E7091A;
}

.rightList > li > .box > .nameD {
    color: #FF7200;
}

.wrapperFooter {
    background: url(../images/wrapper_footer.jpg) 0 0 repeat-x;
    height: 11px;
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;
}

.loginBg {
    background: url(../images/login_bg.jpg) center 0 no-repeat;
    height: 756px;
    padding: 1px 0 0 0;
}

.loginLogo {
    width: 223px;
    height: 45px;
    margin: 104px auto 0 auto;
}

.loginLogo > img {
    width: 100%;
}

.loginBox {
    width: 405px;
    height: 424px;
    background-color: rgba(255, 255, 255, 1);
    margin: 20px auto 0 auto;
    box-shadow: 0 0 47px 1px rgba(0, 0, 0, 0.5);
    padding: 10px 29px;
    box-sizing: border-box;
}

.loginList {}

.loginList > li {
    font-size: 12px;
    color: #ccc;
}

.loginList > li:after {
    content: "";
    display: block;
    clear: both;
}

.loginList > li > .loginPic {
    text-align: center;
}

.loginList > li > .keyBox {
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
    font-size: 0;
    width: 340px;
    border: 1px solid #d3d7d9;
}

.loginList > li > .keyBoxMail {
    margin: 42px 0 0 0;
}

.loginList > li > .keyBoxPw {
    margin: 21px 0 0 0;
}

.loginList > li > .keyBox > .icon {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
}

.loginList > li > .keyBox > .iconMail {
    background: url(../images/login_mail.jpg) center center no-repeat;
    background-color: #fff;
}

.loginList > li > .keyBox > .iconPw {
    background: url(../images/login_pw.jpg) center center no-repeat;
    background-color: #fff;
}

.loginList > li > .keyBox > .key {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    border: none;
    outline: none;
    width: 300px;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    color: #333;
}

.loginList > li > .note {
    margin: 6px 0 0 0;
    display: block;
}

.loginList > li > .left {
    float: left;
    margin: 19px 0 0 0;
}

.loginList > li > .left >span {
    font-size: 17px;
    color: #333;
}

.loginList > li > .right {
    float: right;
    margin: 19px 0 0 0;
}

.loginList > li > .right > .loginForgot {
    font-size: 16px;
    color: #aba9a9;
}

.loginList > li > .btn {
    background-color: #61c1bd;
    border-radius: 6px;
    border: none;
    display: block;
    width: 100%;
    padding: 7px 0;
    box-sizing: border-box;
    font-size: 21px;
    color: #fff;
    font-weight: 900;
    margin: 17px 0 0 0;
    cursor: pointer;
    outline: none;
}

.loginList > li > .btn:hover {
    background-color: #8bd8d5;
}

.pageTop {
    position: fixed;
    top: 0px;
    z-index: 99;
    height: 165px;
    width: 100%;
}

.function_title {
    background: url(../images/bar/a1.png);
	background-size: cover;
	height: 35px;
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;
}

.pageBarBg {
    background: url(../images/page_barBg.jpg);
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;
    
}
.pageBar {
	width: 1366px;
	height: 51px;
    margin: 0 auto;
    position: relative;
}

.pageBar > .pageLogo {
    width: 210px;
    position: absolute;
    top: 9px;
    left: 39px;
}

.pageBar > .pageLogo > img {
    width: 100%;
}

.pageMenu {
    position: absolute;
    top: 9px;
    right: 35px;
}

.pageMenu > li {
    display: inline-block;
    ;
    vertical-align: top;
}
.pageMenu > li > .user {
    color: #fff;
    font-size: 14px;
    height: 32px;
    line-height: 33px;
    padding: 0 16px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0 11px 0 0;
}
.pageMenu > li > .user > span {}
.pageMenu > li > a {
    width: 31px;
    height: 32px;
    display: block;
}

.pageMenu > li > a.back {
    background: url(../images/index_menuBack.png) center center no-repeat;
}

.pageMenu > li > a.back:hover {
    background: url(../images/index_menuBack2.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.next {
    background: url(../images/index_menuNext.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.next:hover {
    background: url(../images/index_menuNext2.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.home {
    background: url(../images/index_menuHome.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.home:hover {
    background: url(../images/index_menuHome2.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.rule {
    background: url(../images/index_menuRule.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.rule:hover {
    background: url(../images/index_menuRule2.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.setup {
    background: url(../images/index_setup.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.setup:hover {
    background: url(../images/index_setup2.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.admin:hover {
    background: url(../images/index_admin2.png) center center no-repeat;
    transition: 0.5s;
}

.pageMenu > li > a.admin {
    background: url(../images/index_admin.png) center center no-repeat;
    transition: 0.5s;
}


.pageBottomBg {
    position: fixed;
    z-index: 99;
    background: url(../images/page_bottom.jpg) center center repeat-x;
    width: 100%;
    bottom: 0;
}
.pageBottom {
	width: 1366px;
	height: 58px;
	margin: 0 auto;

}
.pageBottom:after {
	content: "";
	display: block;
	clear: both;
}

.pageBottom > .left {
    margin: 8px 0 0 19px;
    float: left;
}

.pageBottom > .left > li {
    display: inline-block;
    vertical-align: top;
}

.pageBottom > .left > li > a {
    background: url(../images/page_bottomBtnB.png) center center no-repeat;
    width: 100px;
    height: 36px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    transition: 0.3s;
}
.pageBottom > .left > li > a:hover {
    background: url(../images/page_bottomBtnB2.png) center center no-repeat;    
    transition: 0.3s;
}
.pageBottom > .left > li > a.pay {
    background: url(../images/page_bottomBtnM.png) center center no-repeat;
    width: 71px;
    transition: 0.3s;
}
.pageBottom > .left > li > a.pay:hover {
     background: url(../images/page_bottomBtnM2.png) center center no-repeat;
    transition: 0.3s;
}
.pageBottom > .right {
    margin: 8px 19px 0 0;
    float: right;
}

.pageBottom > .right > li {
    display: inline-block;
    vertical-align: top;
}

.pageBottom > .right > li > a {
    background: url(../images/page_bottomBtnW.png) center center no-repeat;
    width: 100px;
    height: 36px;
    display: block;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    transition: 0.3s;
}
.pageBottom > .right > li > a:hover {
    background: url(../images/page_bottomBtnW2.png) center center no-repeat;
    color: #000;
    transition: 0.3s;
}

.pageOptionBg {
    background: url(../images/page_menuBg.jpg) center center repeat-x;
    height: 124px;
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;	
}

.QueryTitle {
	background: url(../images/bar/al.png);
	height: 48px;
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;
}

.SystemTitle {
	background: url(../images/bar/title_bar_bg.png);
	height: 48px;
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;
	line-hieght: 48px
}

.MsgArea {
    width: 1366px;
    margin: 0 auto;
	min-width: 1366px;
}

.pageOption {
	width: 1366px;
	margin: 0 auto;
    padding: 7px 0 0 0;
    box-sizing: border-box;
}
.pageBox {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px 5px 7px 5px;
    box-sizing: border-box;
    text-align: center;
    display: block;
}

.pageBox > img {}

.pageBox > .name {
    font-size: 12px;
    margin: 3px 0 0 0;
    color: #fff;
}

.ReportWord {
	font-size: 14px;
	font-weight: Bold;
	color: #3B00FF;
}