html,
body {
    height: 100%;
    font-family: 微軟正黑體;
}
/* Remove button padding in FF */
button::-moz-focus-inner { border:0; padding:0;}

.c_cb { clear: both;}


/* HEADER AND FOOTER */

.gm_header { background-image: url(../img/header_bg.jpg); width: 100%; height: 95px; position: relative; min-width: 1280px;}

.gm_header .all { width: 1280px; height: 95px; margin: auto;}

.gm_header .logo, .gm_header .logo a { width: 100px; height: 95px; line-height: 95px; font-size: 24px; color: #fff; float: left; font-weight: bold; text-decoration: none;}

.gm_header .logout { position: relative;}
.gm_header .logout ul { width: 900px; height: 45px; position: absolute; right: 0;}
.gm_header .logout ul li:nth-child(1) { background: url(../img/little_line.jpg) no-repeat left center; float: right; line-height: 45px; color: #fff; margin-top: 5px;}
.gm_header .logout ul li:nth-child(2) { background: url(../img/little_line.jpg) no-repeat left center; float: right; line-height: 45px; padding: 0 20px; color: #fff; margin-top: 5px; cursor: default;}
.gm_header .logout .fa-arrow-right, .gm_header .logout .fa-user { color: #7e746d;}
.gm_header .logout li a { text-decoration: none; color: #d2d2d2; margin-left: 20px;}

.gm_header .menu { position: relative;}
.gm_header .menu ul { width: 900px; height: 45px; position: absolute; margin: 50px 0 0 386px; line-height: 45px;}
.gm_header .menu li { float: right; text-align: center; background: url(../img/little_line.jpg) no-repeat left center; position: relative;}
.gm_header .menu li a { text-decoration: none; font-weight: bold; color: #fff; padding: 10px 20px;}
.gm_header .menu li a:hover { box-shadow: inset 0 0 10px #000000;}

.gm_header .all .menu ul li ul.seven { display: none; position: absolute; top: -5px; right: 0px; width: auto;}
.gm_header .all .menu ul li:hover ul.seven { display: block;}

.gm_header .all .menu ul li ul.seven a { box-shadow: none; padding: 0; margin: 0;}
.gm_header .all .menu ul li ul.seven li { float: none; background: none; background-color: #3a2d24; width: 200px; right: 0px; z-index: 1; text-align: left; padding: 0 20px; color: #fff; background-image: url(../img/sub_menu.jpg); background-position: center bottom; background-repeat: no-repeat;}
.gm_header .all .menu ul li ul.seven li:hover { box-shadow: inset 0 0 10px #000000;}
.gm_header .all .menu ul li ul.s_other li { width: 235px;}
.gm_header .all .menu ul li ul.s_other2 li { width: 120px;}

.gm_header2 { width: 100%; height: 55px; background-color: #f3f3f3;}
.gm_header2 ul { width: 1280px; height: 55px; margin: auto;}
.gm_header2 ul li:nth-child(1) { width: 640px; height: 55px; font-size: 14px; line-height: 55px; float: left; font-weight: bold; color: #909090; cursor: default;}
.gm_header2 ul li:nth-child(2),
.gm_header2 ul li:nth-child(3) { width: 70px; margin: 10px 0 0 15px; font-weight: bold; float: right; cursor: pointer;}

.gm_header2 ul li:nth-child(2) a,
.gm_header2 ul li:nth-child(3) a { width: 79px; height: 35px; line-height: 35px; margin: 0px 0 0 15px; background-color: #fcb247; float: right; text-align: center; color: #fff; text-decoration: none; font-size: 20px;}

.gm_header2 ul li:nth-child(3) { background-color: #ec6d42;}
.gm_header2 ul li:nth-child(3) a { background-color: #ec6d42;}

.gm_header2 ul li:nth-child(4),
.gm_header2 ul li:nth-child(5),
.gm_header2 ul li:nth-child(6) { width: 120px; margin: 10px 0 0 15px; font-weight: bold; float: right; text-align: center;}

.gm_header2 ul li:nth-child(4) a,
.gm_header2 ul li:nth-child(5) a,
.gm_header2 ul li:nth-child(6) a { width: 130px; height: 35px; line-height: 35px; margin: 0px 0 0 15px; background-color: #ec6d42; float: right; text-align: center; color: #fff; text-decoration: none; font-size: 20px;}

.gm_header2 ul li img { margin-right: 10px;}
.gm_header .all .logout .fa { margin-right: 10px;}
.gm_header2 .fa { margin-right: 5px;}

.footer { width: 100%; height: 45px; background-color: #000; text-align: center; line-height: 45px; margin-top: 30px; font-size: 13px; min-width: 1280px;}
.footer a { color: #62645f; text-decoration: none;}
.footer span { color: #62645f;}


/* 光厢刪除x */

.all_delete {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: -15px;
    top: -15px;
    font-weight: bold;
    cursor: pointer;
}

.all_delete a {
    text-decoration: none;
    color: #000;
}


/* 表單按鈕 */
.foot ul { width: 200px; margin: auto;}
.foot ul li { float: left; line-height: 88px; margin: 0 10px;}
.foot button {
    width: 80px;
    height: 35px;
    border: none;
	font-family: inherit;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
	line-height: 35px;
}

.foot .ad_no { background-color: #fcb247; cursor: pointer;}
.foot .ad_yes { background-color: #43cac6; cursor: pointer;}

.foot .btns{
	width: 80px;
    height: 35px;
    border: none;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
	line-height: 35px;
	display: inline-block;
	text-decoration:none;
	text-align:center;
}

/* 依搜尋結果匯出 */

.g_answer_all {
    margin-left: 10px;
    background: #91ac41;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.g_answer_all a {
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
}


/* 查詢 */

.b_search { margin-left: 10px; background: #43cac6; font-weight: bold; cursor: pointer;}
.b_search .fa-search { color: #fff !important;}
.b_search a { padding: 0 20px; color: #fff; text-decoration: none;}

.fa-asterisk { color: #802d2d; margin-left: 3px; font-size: 10px !important; /*line-height:15px;*/}


/* 01 Login Page */

.login_all {
    background-image: url(../img/login_bg.jpg);
    . -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.login_center {
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -250px;
}

.login_all .header {
    text-align: center;
}

.login_all .header h1 {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}

.login_all .header h2 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-top: 15px;
}

.login_all .content {
    width: 400px;
    height: 300px;
    margin: 0 auto;
    margin-top: 40px;
    font-size: 20px;
    color: #555555;
    position: relative;
    background-image: url(../img/bg.png);
}

.login_all .content .login_input {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -120px;
    margin-top: -80px;
    width: 240px;
}

.login_all .content input {
    border: none;
    width: 240px;
    height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    padding-left: 5px;
}

.login_all .content button {
    width: 72px;
    height: 36px;
    font-size: 17px;
    background: #ec6d42;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    position: absolute;
    right: 0px;
    font-family: 微軟正黑體;
}

.login_all .footer {
    position: absolute;
    bottom: 0;
}


/* 02_MENU */

.menu_all {
    position: relative;
}

.menu_all .header {
    background-image: url(../img/header_bg.jpg);
    width: 100%;
    height: 96px;
    position: relative;
    min-width: 1280px;
}

.menu_all .header ul:nth-child(1) {
    width: 1280px;
    margin: auto;
    height: 60px;
    position: relative;
}

.menu_all .header ul:nth-child(1) li {
    position: absolute;
    bottom: 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.menu_all .header ul:nth-child(1) li a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.menu_all .header ul:nth-child(2) {
    width: 1280px;
    height: 26px;
    margin: auto;
    position: relative;
}

.menu_all .header ul:nth-child(2) li {
    float: left;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
}

.menu_all .header ul:nth-child(2) li:nth-child(1) {
    background: url(../img/little_line.jpg) no-repeat left center;
    padding: 0 25px;
    margin-right: 90px;
    padding-right: 7px;
}

.menu_all .header ul:nth-child(2) li:nth-child(2) {
    background: url(../img/little_line.jpg) no-repeat left center;
    padding: 0 20px;
    padding-right: 0px;
}

.menu_all .header ul:nth-child(2) li:nth-child(2) a {
    text-decoration: none;
    color: #fff;
}

.menu_all .header .fa-user,
.menu_all .header .fa-arrow-right {
    margin-right: 10px;
    color: #7b726c;
}

.menu_all .content {
    width: 1288px;
    height: auto;
    margin: auto;
    margin-top: 20px;
}

.menu_all .content li {
    float: left;
    margin: 10px 7px 10px 7px;
	width:308px;
	height:159px;
	position:relative;
}

.menu_all .content li .mkbox{ background-color:rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:0px; left:0px; display:none; }
.menu_all .content li:hover .mkbox{ display:block; }
.menu_all .content li .mkbox .lists{ text-decoration:none; padding:15px 15px 0 15px; color:#fff; font-size:14px; display:block; }

/*修改-menu*/
.m_boxs{ font-size:0px; }
.m_boxs .gridsboxs{ display:inline-block; vertical-align:top; margin: 10px 7px 10px 7px; }
.m_boxs .gridsboxs .gmain{ cursor: pointer; }
.m_boxs .gridsboxs .gbox a{ display:block; margin:5px 0 0 0; }

/*彈出*/
.popupbox{ position:absolute; width:700px; min-height:420px; font-size:0px; padding:20px 15px; top:50%; margin-top:-230px; left:50%; margin-left:-360px; z-index:999; }
.popupgrids{ display:inline-block; width:200px; height:200px; margin:5px; }
.popupclosebtn{ width:42px; height:42px; position:absolute; right:20px; top:20px; background-image:url(../img/menu/closebtn.png); display:block; }


/* 頁碼 */
.page_number {
    text-align: center;
    width: 260px;
    height: 20px;
    font-size: 15px;
    font-family: Arial;
    margin: auto;
    margin-top: 30px;
    line-height: 20px;
}

.page_number a {
    color: #000;
    /*font-weight: bold;*/
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    font-weight: normal;
}

.page_number a:hover {
    text-decoration: underline;
}

.page_number_cur {
    color: #000;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    font-weight: normal;
}

/* 03-1-2 新增管理員 */
.adminstor_all .content table.ad_sss td {
    border: none;
}

/* 07-1-2 新增 */

.seven12_all {
    position: relative;
}

.seven12_all .content {
    width: 1280px;
    height: auto;
    margin: auto;
    margin-top: 3px;
}

.seven12_all .content .space_2 {
    width: 900px;
    height: 59px;
    line-height: 59px;
}

.seven12_all .content .space_2 li {
    float: left;
    color: #000;
    font-size: 15px;
}

.seven12_all .content .space_2 li input {
    padding: 8px 0;
    border: 1px solid #d2d2d2;
    width: 200px;
    color: #575757;
    text-indent: 5px;
    font-size: 14px;
    font-family: 微軟正黑體;
}

.seven12_all .content .space_2 .fa-calendar {
    float: left;
    position: absolute;
    margin: 22px 5px 0 -26px;
    color: #aaa
}

.seven12_all .content .big_box {
    width: 1280px;
    height: 100%;
    margin-top: 12px;
    border: 1px solid #dadada;
}

.seven12_all .content .sm_box {
    width: 1228px;
    margin: auto;
}

.seven12_all .content .sm_box table {
    height: 40px;
    width: 1227px;
    margin-top: 22px;
    margin-bottom: 54px;
    border-collapse: collapse;
}

.seven12_all .content .sm_box tr {
    text-align: center;
    background-color: #f4f4f4;
    border: 1px solid #d2d2d2;
}

.seven12_all .content .sm_box td {
    padding: 10px 0;
    border: 1px solid #d2d2d2;
}

.seven12_all .content .sm_box input {
    width: 80px;
    height: 20px;
    color: #575757;
    text-indent: 5px;
    font-size: 14px;
    font-family: 微軟正黑體;
}

.seven12_all .content .sm_box .com_choose {
    width: 85px;
    height: 27px;
    color: #575757;
}

.seven12_all .content .sm_box th {
    background: #897769;
    /* Old browsers */
    background: -moz-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #897769), color-stop(0%, #897769), color-stop(100%, #534a43));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #897769 0%, #897769 0%, #534a43 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#897769', endColorstr='#534a43', GradientType=0);
    /* IE6-9 */
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border: 1px #48372f solid;
    height: 70px;
}

.seven12_all .content .sm_box .tab_tr {
    width: 100%;
    margin: 0 0 9px 0;
}

.seven12_all .content .sm_box .tab_tr_three {
    width: 33%;
    float: left;
}

.seven12_all .content .sm_box .tr_w01 {
    width: 20%;
}

.seven12_all .content .sm_box .tr_w02 {
    width: 25%;
}

.seven12_all .content .sm_box .tab_other {
    width: 50%;
}

.seven12_all .content .sm_box .tr_w03 {
    width: 5%;
}

.seven12_all .content .sm_box table.sec {
    width: 100%;
    margin: 0;
}

.seven12_all .content .sm_box table.sec tr {
    border: none;
}

.seven12_all .content .sm_box table.sec td {
    width: 33%;
    border: none;
}

.seven12_all .content .sm_box table td a.aa {
    text-decoration: none;
    cursor: pointer;
    display: block;
}

.seven12_all .content .sm_box table td a.sure  {
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin-bottom: 25px;
    width: 45px;
    height: 30px;
    background-color: #43cac6;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    margin: auto;
    margin-bottom: 15px;
}

.seven12_all .content .sm_box table td a.remove  {
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin-bottom: 25px;
    width: 45px;
    height: 30px;
    background-color: #fcb247;
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    margin: auto;
}

.seven12_all .seven_foot {
    width: 1278px;
    height: 88px;
    background-color: #fff;
    bottom: 0;
}

.seven12_all .seven_foot ul:nth-child(1) span {
    padding: 8px 15px;
    background: #eb6e41;
    color: #fff;
    font-weight: bold;
}

.seven12_all .seven_foot ul:nth-child(1) a {
    text-decoration: none;
    cursor: pointer;
}

.seven12_all .seven_foot ul:nth-child(2) {
    width: 200px;
    margin: auto;
}

.seven12_all .seven_foot li {
    float: left;
    line-height: 88px;
    margin-left: 20px;
}

.seven12_all .seven_foot button {
    width: 80px;
    height: 35px;
    border: none;
	font-family: inherit;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
	line-height: 35px;
}

.seven12_all .seven_foot .ad_no {
    background-color: #fcb247;
}

.seven12_all .seven_foot .ad_yes {
    background-color: #43cac6;
}


/* 08-2-2 新增材料 */
.eight_all822 .content #m2SubInfo { height:140px; overflow:auto;}
.eight_all822 .content #m2SubInfo .m2row { margin-bottom:3px;}
.eight_all822 .content .eig822_add { padding: 5px 10px; background-color: #43cac6; color: #fff; cursor: pointer;}
.eight_all822 .content .eig822_delt { padding: 5px 10px; background-color: #fcb247; color: #fff; cursor: pointer; float: left;}

/*二期調整部分*/
.qall {  position: relative; font-family: 微軟正黑體;}

.qall input, .qall select, .qall textarea { border: 1px solid #a9a9a9; color: #575757; font-family: 微軟正黑體; font-size: 14px; margin-left: 14px; padding: 5px;}
.qall textarea { font-size: 15px; min-height: 62px;}

.qall div{ box-sizing: border-box;}

.qall .w100p { box-sizing: border-box; max-width: calc(100% - 28px); width: calc(100% - 28px);}
.qall .w666 { width: 666px;}
.qall .w460 { width: 460px;}
.qall .w320 {width: 320px;}
.qall .w200 { width: 200px;}
.qall .w120 { width: 120px;}
.qall .w100 { width: 100px;}
.qall .w50 { width: 50px;}
.qall .h10 { height: 10px;}
.qall .ml14 { margin-left: 14px;}
.qall .ptb14 { padding: 14px 0;}
.qall .preInput + input, .qall .preInput + select { margin-left:0;}

.qall.case_header { width: 100%; padding: 7px 0px; background-color: #ECDCC8;}
.qall.case_header .word { margin: 0px auto; max-width: 1280px; color: #575757; font-size: 14px; font-family: inherit; line-height: 16px;}
.qall.case_header .word i { padding-right:5px; cursor:default;}

.qall .foot a { color: #fff; display: inline-block; font-family: inherit; font-size: 17px; font-weight: bold; line-height: 35px; text-align: center; text-decoration: none; width: 80px; }

.qall .content { width: 1280px; height: auto; margin: 0 auto; }

.qall .content .space { width: 100%; display: table; margin-top: 25px; }
.qall .content .space_1 { color: #72d7d4; font-size: 17px; width: 100%; height: 35px; cursor: default; }
.qall .content .space li { float: left; color: #000; font-size: 15px; line-height: 35px; }
.qall .content .space input, .qall .content .space select { width: 130px; height: 35px; border: 1px solid #dadada; margin: 0 5px; padding: 0; text-indent: 5px; }

/*button*/
.qall .b_search { background: #43cac6; color: #fff; display: inline-block; font-weight: bold; line-height: 35px; margin-left: 10px; padding: 0 20px; text-decoration: none; height: 35px; cursor: pointer; border: 0; font-family: inherit; font-size: inherit; }
.qall .g_answer_all { background: #91ac41; color: #fff; display: inline-block; font-weight: bold; line-height: 35px; margin-left: 10px; padding: 0 20px; text-decoration: none; height: 35px; cursor: pointer; border: 0; font-family: inherit; font-size: inherit; }
.qall .b_add { background: #ec6d42; color: #fff; display: inline-block; font-family: inherit; font-size: inherit; font-weight: bold; line-height: 35px; margin-left: 10px; padding: 0 20px; text-decoration: none; }
.qall .b_add .fa { color:#fff !important;}

.qall .content .big_box { width: 100%; margin-top: 25px; border: 1px solid #dadada;}

/*tab*/
.qall ul.tab, ul.tab.qall { width: 100%; min-height: 41px; border-bottom: 1px solid #dadada; margin-top: 25px;}
ul.qall.tab { max-width:1280px; margin-left:auto; margin-right:auto;}
.qall ul.tab li, ul.tab.qall li { padding: 0 35px; height: 40px; margin-right: 12px; float: left; text-align: center; border: 1px solid #dadada; background-color: #ebe8e6; line-height: 40px; font-size: 17px; font-weight: bold; color: #575757; cursor: pointer; }
.qall ul.tab li.on, ul.tab.qall li.on { border-bottom: 1px #fff solid; background-color: #fff;}
.qall.undertab, .qall .undertab { margin-top: 0px !important; border-top: 0px !important;}

/*list table*/
.qall .content .sm_box { width: 1228px; margin: auto; display: table; }

.qall .content .sm_box table { width: 100%; margin-top: 22px; margin-bottom: 54px; }
.qall .content .sm_box th { border: 1px solid #6d6056; padding:20px 0; }
.qall .content .sm_box tr { text-align: center; background-color: #f4f4f4; }
.qall .content .sm_box tr:nth-child(odd) { background-color: #ececec; }
.qall .content .sm_box td { border: 1px solid #d2d2d2; color: #575757; line-height: 25px; padding: 20px 5px; }
.qall .content .sm_box tr:nth-child(1) {
background: #897769;
/* Old browsers */
background: -moz-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #897769), color-stop(0%, #897769), color-stop(100%, #534a43));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #897769 0%, #897769 0%, #534a43 100%);
/* IE10+ */
background: linear-gradient(to bottom, #897769 0%, #897769 0%, #534a43 100%);
/* W3C */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#897769', endColorstr='#534a43', GradientType=0);
/* IE6-9 */
text-align: center;/* line-height: 50px;*/ color: #fff; font-weight: bold; font-size: 15px; border: none; }
.qall .content .sm_box table th a, .qall .content .sm_box table th a .fa { color: #FFC;}

.qall .content .sm_box .fa { color: #000;}
.qall .content .sm_box table a { color: inherit;}
.qall .content .sm_box .linkStyle { background: #91ac41; color: #fff; cursor: pointer; display: inline-block; margin: 5px 1px 0; padding: 3px 5px;}

/*出席紀錄列表*/
.qall .content .sm_box table.att_ctr { width: 100%; border: none; margin-top: auto; margin-bottom: auto;}
.qall .content .sm_box table.att_ctr tr { background:none;}
.qall .content .sm_box table.att_ctr tr:first-child { background: none; color: #000; font-weight: none; line-height: normal; font-size: 16px;}
.qall .content .sm_box table.att_ctr tr:first-child td { border-top:none;}
.qall .content .sm_box table.att_ctr tr td { padding:8px 0; border-top: 1px solid #d2d2d2; border-left:: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom:none;}
.qall .content .sm_box table.att_ctr tr td:first-child { border-left:none;}
.qall .content .sm_box table.att_ctr tr td:last-child { border-right:none;}

/*光箱*/
.qall.box { width: 896px; border: 1px solid #d7d7d7; margin: 25px auto; position: relative; }

.qall.box .header { width: 100%; height: 52px; font-size: 20px; text-align: center; line-height: 52px; font-weight: bold; color: #575757; }
.qall.box .content { width: 622px; margin: 0 auto; }

/*lightbox size control*/
.qall.box.big { width: 1266px;}
.qall.box.bigall { width: 1280px;}
.qall.box.big .content, .qall.box.bigall .content { width: 1236px;}
.qall.box.list .content { width: 100%;}
.qall.box.list .content .sm_box { width: 96%;}
.qall.box.list .content .sm_box table { margin-top: 14px; margin-bottom: 28px;}

.qall.box table { border-collapse: collapse; width: 100%; }
.qall.box table tr td { border: 1px solid #d2d2d2; padding: 7px 0; }
.qall.box table tr td.small { width: 120px; border: 1px solid #9b8264; background-color: #c3a279; text-align: center; font-size: 15px; color: #fff; }
.qall.box table tr td.long { min-width:400px;}
.qall.box table tr td.info { color: #575757;}
.qall.box table td.msg { height: 30px; background-color: #c2ad94; font-size: 15px; color: #fff; line-height: 30px; padding-left: 20px; border-top: 1px solid #9b8264; border-right: 1px solid #d2d2d2; border-bottom: none; border-left: 1px solid #9b8264; }
.qall.box table td.gray { background-color: #ececec; padding-left: 14px; color:#575757;}

.qall.box table textarea { box-sizing: border-box; max-width: calc(100% - 28px); width: calc(100% - 28px); margin-top: 7px; margin-bottom: 7px; }

.qall.box table label, .qall.box table span { color: #575757;}
.qall.box table label { padding-left: 5px;}
.qall.box table label:first-child, .qall.box table label.pl0 { padding-left: 0px;}
.qall.box table .add_plus{ background-color: #8c643c; color: #fff; cursor: pointer; padding: 6px 10px;}
/*日期*/
.qall.box table .fa.fa-calendar { color: #aaa; margin-left: -20px; cursor: pointer;}
.qall .content .space .fa.fa-calendar { color: #aaa; margin-left: -25px; cursor: pointer; padding-right: 10px; }

.qall.box table .printLabel label { display:inline-table; margin-left:5px;}
/*報價單新增部分*/