﻿/*--通用設定 START--*/
body { font-family: 微軟正黑體,新細明體,Arial;background-color: #FFF; }
div,span,input,a,select,label { font-family:微軟正黑體,新細明體,Arial;color:#2D1608;font-size:16px}

header, article, footer, form { width: 100%; }

.header_m, article, .admFooter { max-width: 1190px;margin: auto; }

.header_m { padding: 20px 0;border-bottom: 1px #5C9160 solid; }
    .header_m .header_logo { float: left; }
    .header_m .header_title { float: right;width: 78%;text-align: center; }

.admFooter { width: 100%;background-color: #3EBB8E;padding: 1%; }
    .admFooter > .admFooter_inner { max-width: 1190px;padding-left: 1%; }
    .admFooter .corporateFooter_logo { text-align: left;display: inline-block; }
    .admFooter .admFooter_copyright { text-align: center;color: #FFF;font-size: 18px;margin-left: 12%;display: inline-block; }
    .admFooter .admFooter_copyright > a { color: #FFF;font-size: 18px; }
        .admFooter .admFooter_copyright img { border: 0;width: 100px; }

div { overflow:hidden;margin: auto;text-align: left; }

.font_ellipsis { overflow : hidden;text-overflow : ellipsis;white-space : nowrap; }  /*多餘文字以…代替*/

.AMain { z-index:1;margin-top:15px; }
.ALeft { width:20%;float:left;padding-bottom:10px; }
.ARight { width: 78%;float: left;margin-left: 1%; }
    .AR_Title { background-color: #89C997;font-size: 18px;color: #FFF;text-align: left;padding: 3px 10px;border-bottom: 3px #ADD599 solid;border-radius: 5px 5px 0 0; }
    .AR_Content { font-size: 18px;padding-bottom: 30px }

/*--通用設定 END--*/

#gotop { display: none;position: fixed;right: 20px;bottom: 20px;padding: 10px 15px;font-size: 20px;background: #777;color: white;cursor: pointer; }

.DotRed {
    margin: auto;
    background-color: #F00;
    color: #FFF;
    border-radius: 10px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
}

.btn-hover {
    margin: 1px; 
    float: right;
    width: 138px;
    text-align: center;
    color: #FFF;
    border-radius: 5px;
    padding: 0.8%;
    font-size: 18px;
}

    .btn-hover:hover {
        position: relative;
        top: 1px;
        left: 1px;
        cursor: pointer;
    }

.box_shadow {
    margin:6px;
	-webkit-box-shadow: 3px 3px 5px #6C6C6C;
	-moz-box-shadow: 3px 3px 5px #6C6C6C;
	box-shadow: 3px 3px 5px #6C6C6C;
}


/*-- 字體陰影  --*/

.shadow1 { 
  color: black; 
  text-shadow: 6px 6px; 
}

.shadow2_nospread {
	font-weight:bold;
	text-shadow: white 0 1.5px, white 1.5px 0, white -1.5px 0, 
	white 0 -1.8px, white -1.05px -1.05px, white 1.05px 1.05px, 
	white 1.05px -1.25px, white -1.25px 1.05px, 3px 3px 6.5px #333; 
}

.shadow4_nospread {
	font-weight:bold;
	text-shadow: white 0 3px, white 3px 0, white -3px 0, 
	white 0 -3px, white -2.1px -2.1px, white 2.1px 2.1px, 
	white 2.1px -2.1px, white -2.1px 2.1px, 4px 4px 6.5px #333; 
}

[class^='BtnBuy_'] { cursor:pointer; }
.L_Link:hover { color: #629062;cursor: pointer; }

.tbl-empty {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    padding: 20px 0;
    border: 1px #545454 dashed;
    border-left: 0;
    border-right: 0;
    font-size: 24px;
    color: #C8181F;
    font-weight: bold;
}

.ATbl-list{
    width:98%;
    margin:auto;
    margin-top:10px;
    border:0px;
}
    .ATbl-list td {
        padding: 6px 3px;
        border:0;
        border-bottom: 1px #D5D5D5 solid;
    }

    .ATbl-list tr:nth-child(1) > td {
        text-align: center;
        font-weight: bold;
        border-bottom: 1px #757575 solid;
        font-size:18px;
    }

    .ATbl-list tr:nth-last-child(1) > td {
        border-bottom: 1px #757575 solid;
    }




.DetailShow {
    width: 100%;
    margin-top: 3%;
}

    .DetailShow > div {
        /*margin-bottom: 1%;*/
        padding: 1%;
        border-bottom: 1px #89C997 dashed;
    }

    .DetailShow input[type='radio'] {
        margin-left: 10px;
        margin-right: 3px;
        width: 18px;
        max-width: 18px;
        height: 18px;
    }

    .DetailShow input[type='text'],
    .DetailShow input[type='password'],
    .DetailShow input[type='checkbox'],
    .DetailShow select,
    .DetailShow textarea {
        font-size: 18px;
        padding: 0.5% 1%;
        display: inline-block;
        margin-left: 10px;
        width: auto;
    }

    .DetailShow > div > span {
        padding: 6px 3px;
    }

        .DetailShow > div > span:nth-child(1) {
            background-color: #89C997;
            border-radius: 3px;
            color: #FFF;
            line-height:35px;
        }

        .DetailShow > div > span:nth-child(2) {
            margin-left: 10px;
        }

    .DetailShow > div > input {
        width: 70%;
    }

.title-active {font:inherit;color:#FFFF00;font-size:18px;}
.title-link {font:inherit;color:#fff;font-size:18px;}
.title-link:hover {color:#080;}

.admUpdPw-input {width:100%;max-width:600px;margin:0 auto;margin-top:50px;}
.admUpdPw-input input { display:inline-block;width:80%;margin-left:10px;margin-bottom:10px; }

.detail-show-file {display:flex;align-items:flex-start;}
.detail-show-file i {margin-right:2px;}

.tbl-tr-link {cursor:pointer;}
.tbl-tr-link:hover {background-color:#eee;}

.data-empty {width:95%;margin-top:3%;font-weight:bold;color:#FC4E4E;font-size:26px;text-align:center;}

.btn-abort { color:#551C00; }
.btn-add, .btn-submit { color:#00692A; }
.btn-del { color:#F21B26; }