* {
font-family: 'Noto Sans TC','微軟正黑體',arial;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input,select{
	outline:none;
}
input.textfield:focus{
	background-color:#e9fcf3;
	border:3px solid #1EB7B8;
	border-radius:5px;
}

.allwrap {
font-family: Noto Sans TC;
width: 100%;
height: 100%;
min-width:1080px;
position:relative;
border: solid 1px #979797;
background-image: linear-gradient(to bottom, #ffffff 21%, #CFF4D1 103%);
cursor:default;
}
.allwrap h2{
font-size: 36px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #1C8A8B;
position: relative;
margin-bottom:1em;
}
.login_wrap{
/*  border:#ccc 1px solid;*/
position: absolute;
width:50%;
min-width:700px;
height:600px;
margin:auto;
top:0;
left:0;
right:0;
bottom:0;
}
.form_wrap{
position:relative;
width: 560px;
height:auto;
border-radius: 15px;
box-shadow: 0 2px 4px 0 rgba(80, 80, 80, 0.5);
background-color: #ffffff;
margin:0 auto;
display:block;
padding-bottom:2em;
}
.form_wrap h6{
display:block;
height:2em;
font-size: 22px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #5e5e5e;
position: relative;
padding-top:2em;
}
.form_wrap input{
position: relative;
height: 2em;
width:80%;
border:none;
border-bottom: 1px solid #cecece;
margin:1em 0 0.5em 10%;
font-size:14pt;
}

.form_wrap input:focus {
border-color: #1C8A8B;
}

.form_wrap .note{
font-size: 10pt;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #d87171;
width:20%;
margin:0.5em 0 1em 70%;
display:none;
}
.form_wrap .btn{
display:block;
width:6em;
height:auto;
text-align:center;
line-height: 2em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
background-color: #1C8A8B;
margin:1em auto 1em auto;
padding:0.1em 0.2em 0.2em 0.2em;
color:#fff;
cursor:pointer;
transition:all .2s;
font-size:14pt;
text-decoration:none;
}
.form_wrap .btn:hover{
background:#1EB7B8;
transform: translate(1px,1px);
}
/*index*/
.head_wrap{
background-color: #E5F5E6;
width: 100%;
min-width:900px;
height: 200px;
padding-left:100px;
text-align:center;
float:left;
}
.head_wrap h2{
padding-top:1.5em;
margin-bottom:0em;
}
.head_wrap h5{
padding-top:1em;
text-align: center;
color: #1C8A8B;
font-size:14pt;
}
.body_wrap{
height:100%;
min-height:600px;
width: 100%;
min-width:900px;
box-shadow: 0 2px 4px 0 rgba(80, 80, 80, 0.5);
background-color: #FAFEFB;
float:left;
padding-left:100px;
}
.body_wrap .container{
width: 65%;
min-width:720px;
height:auto;
margin:60px auto 0 auto;
position: relative;
}
.body_wrap .container .annonce_wrap{
width: 100%;
height: auto;
margin-bottom:2em;
}
.body_wrap h3{
font-size: 30px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #5e5e5e;
margin-bottom:0.5em;
}
.body_wrap h5{
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #5e5e5e;
margin-bottom:0.5em;
}
.body_wrap h5.result {
font-size: 16px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #044B4C;
margin-bottom:0.5em;
}
.body_wrap h6{
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #d87171;
margin-bottom:0.5em;
}
.body_wrap .date{
font-size: 14px;
width:100%;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height:2em;
letter-spacing: normal;
text-align: left;
color: #5e5e5e;
}
.body_wrap .date_note{
font-size: 14px;
width:100%;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height:2em;
letter-spacing: normal;
text-align:right;
color: #bebebe;
}
.body_wrap .line{
background:#cecece;
height: 1px;
width: 100%;
margin:0.5em 0 0.5em 0;
}
.body_wrap .grayline{
background:#cecece;
height: 1px;
width: 100%;
margin:1.5em 0 1.5em 0;
}
.body_wrap .grayline_2{
background:#cecece;
height: 1px;
width: 100%;
margin:1em 0 1em 0;
}
.body_wrap .txt{
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.6em;
letter-spacing: normal;
text-align: justify;
color: #0a0a0a;
}
.container .addbutton{
position: absolute;
top: 0.5em;
right: 0;
text-align:center;
width: auto;
height:auto;
padding:0.5em 2em 0.5em 1em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
color:white;
background-color: #1C8A8B;
cursor: pointer;
transition:all .2s;
text-decoration:none;
}
.container .addbutton:hover{
background:#1EB7B8;
transform: translate(1px,1px);
}
.container .uploadbutton{
position: absolute;
top: 0.5em;
right: 0;
text-align:center;
width: auto;
height:auto;
padding:0.5em 2em 0.5em 1em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
color:white;
background-color: #1C8A8B;
cursor: pointer;
transition:all .2s;
text-decoration:none;
}
.container .uploadbutton:hover{
background:#1EB7B8;
transform: translate(1px,1px);
}
.container .convertbutton{
position: absolute;
top: 0.5em;
right: 11.5em;
text-align:center;
width: auto;
height:auto;
padding:0.5em 2em 0.5em 1em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
color:white;
background-color: #1C8A8B;
cursor: pointer;
transition:all .2s;
text-decoration:none;
}
.container .convertbutton:hover{
background:#1EB7B8;
transform: translate(1px,1px);
}
.container .convertbuttonold{
position: absolute;
top: 0.5em;
right: 22em;
text-align:center;
width: auto;
height:auto;
padding:0.5em 2em 0.5em 1em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
color:white;
background-color: #1C8A8B;
cursor: pointer;
transition:all .2s;
text-decoration:none;
}
.container .convertbuttonold:hover{
background:#1EB7B8;
transform: translate(1px,1px);
}
.container .button{
position: relative;
top: 0.5em;
right: 0;
text-align:center;
width: auto;
height:auto;
padding:0.7em 2em 0.7em 2em;
margin:0 0.5em 0 0.5em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
color:white;
background-color: #1C8A8B;
cursor: pointer;
transition:all .2s;
text-decoration:none;
}
.container .button:hover{
background:#1EB7B8;
transform: translate(1px,1px);
}
.icon_add{background: url(images/add.svg)0 0 no-repeat;
width: 14px; height: 14px; position: absolute;top: 0.6em; right: 1em;}
.icon_convert{background: url(images/convert.svg)0 0 no-repeat;
width: 15px; height: 20px; position: absolute;top: 0.4em; right: 0.8em;}
.icon_upload{background: url(images/upload.svg)0 0 no-repeat;
width: 19px; height: 21px; position: absolute;top: 0.4em; right: 0.7em;}
.container .addbutton:hover .icon_add{
transform:rotate(360deg);
}
.btns_wrap{width:18em; height:auto; position: relative; margin:0 auto 3em auto; display:flex; text-align: center; }
.btns_wrap_poab{height:auto; width:auto; position:absolute;  display:flex;}
.btns_wrap_three{width:auto; height:auto; position: relative; margin:0 auto 2em auto; display:flex; }
.body_wrap .container .annonce_wrap textarea{
width: calc(100% - 2.2em);
height: 200px;
border-radius: 8px;
border: solid 1px #c3e1c5;
resize: none;
text-align: left;
padding:1.1em;
font-size:16px;
line-height:1.8em;
}
/*選單CSS*/
.menu_wrap{
position: fixed;
left:0;
top: 0;
width: 230px;
height: 100%;
border-top-right-radius: 30px;
box-shadow: 0 2px 4px 0 rgba(80, 80, 80, 0.3);
background-color: #ffffff;
}
.menu_wrap h2{
font-family: Noto Sans TC;
color: #1C8A8B;
font-size:30px;
padding: 1em 0 0.25em 0;
text-shadow: 0 2px 1px rgba(60,60,60,0.4);
margin-bottom:0em;
text-align:left;
text-indent:1.2em;
}
.menu_wrap .menu_ct ul{
color: #5e5e5e;
}
.menu_wrap .menu_ct ul li{
height:auto;
width: 100%;
padding:1em 0 1em 0;
position: relative;
display:flex;
}
.menu_wrap .menu_ct ul li a{
color: #5e5e5e;
display:flex;
text-decoration:none;
font-size: 16px;
line-height:1.7em;
position: relative;
padding-left:4em;
cursor: pointer;
transition:all .2s;
}
.menu_wrap .menu_ct ul li.sub{
height:auto;
width: 100%;
padding:1em 0 1em 0;
border-bottom:1px solid #C5E2D4;
position: relative;
display:flex;
}
.menu_wrap .menu_ct ul li.sub a{
color: #5e5e5e;
display:flex;
text-decoration:none;
font-size: 16px;
line-height:1.5em;
position: relative;
padding-left:3em;
cursor: pointer;
transition:all .2s;
}
.menu_wrap .menu_ct ul li.sub a.ac{
color:#1C8A8B;
}
.menu_wrap .menu_ct ul li a:hover{
color:#1C8A8B;
}
.menu_wrap .menu_ct ul li.ac a{
color: #fff;
display:flex;
text-decoration:none;
font-size: 16px;
line-height:1.7em;
position: relative;
padding-left:4em;
cursor: pointer;
transition:all .2s;
}
li.ac{
background-color:#1C8A8B;
color:#fff;
}
.icon0{background:url(images/exit.svg)0 0 no-repeat; position:absolute; top:0.2em; left:2em; width:21px; height:21px; }
.icon1{background:url(images/home.svg)0 0 no-repeat; position:absolute; top:0.2em; left:1.9em; width:20px; height:18px; }
.icon2{background:url(images/newcase.svg)0 0 no-repeat; position:absolute; top:0.2em; left:2em; width:20px; height:25px; }
.icon3{background:url(images/en.svg)0 0 no-repeat; position:absolute; top:0.35em; left:1.8em; width:24px; height:17px; }
.icon4{background:url(images/cht.svg)0 0 no-repeat; position:absolute; top:0.3em; left:1.8em; width:24px; height:17px; }
.icon5{background:url(images/download.svg)0 0 no-repeat; position:absolute; top:0.2em; left:1.9em; width:20px; height:22px; }
.icon6{background:url(images/repairing-service.svg)0 0 no-repeat; position:absolute; top:0.2em; left:1.8em; width:24px; height:24px; }
.icon7{background:url(images/man-user.svg)0 0 no-repeat; position:absolute; top:0.1em; left:1.9em; width:20px; height:24px; }
.icon1_w{background:url(images/home_w.svg)0 0 no-repeat; position:absolute; top:0.2em; left:1.9em; width:20px; height:18px; }
.icon2_w{background:url(images/newcase_w.svg)0 0 no-repeat; position:absolute; top:0.2em; left:2em; width:20px; height:25px; }
.icon3_w{background:url(images/en_w.svg)0 0 no-repeat; position:absolute; top:0.35em; left:1.8em; width:24px; height:17px; }
.icon4_w{background:url(images/cht_w.svg)0 0 no-repeat; position:absolute; top:0.3em; left:1.8em; width:24px; height:17px; }
.icon5_w{background:url(images/download_w.svg)0 0 no-repeat; position:absolute; top:0.2em; left:1.9em; width:20px; height:22px; }
.icon6_w{background:url(images/repairing-service_w.svg)0 0 no-repeat; position:absolute; top:0.2em; left:1.8em; width:24px; height:24px; }
.icon7_w{background:url(images/man-user_w.svg)0 0 no-repeat; position:absolute; top:0.1em; left:1.9em; width:20px; height:24px; }
/*新病歷*/
.fucntion_wrap{width: 100%; display:block; height:2em; position: relative;}
.option_txt{float:left; font-size:16px; color: #5e5e5e; height:2em;}
.option_txt select{font-size:16px; color: #5e5e5e; margin-right:0.5em; padding:0 0.5em 0 0.5em; line-height:2em;  border: solid 2px #1C8A8B;   border-radius: 5px;}
.searchbar{float:right;    background-color: #ffffff;   border-radius: 5px; width:290px; height:auto; position: relative; margin-right:0.5em;}
.searchbar input{border: solid 2px #1C8A8B; border-radius: 5px;  width:100%; line-height: calc(2em - 4px); text-indent:0.5em; font-size:16px;   color: #5e5e5e; }
.searchbar .icon_mg{width:40px; height:2.1em; position: absolute; top: 0;right: -0.5em;  border-radius: 5px; background:url(images/magnifying-glass.svg)center center no-repeat,#1C8A8B; cursor: pointer; transition: all .2s;}
.searchbar .icon_mg:hover{background:url(images/magnifying-glass.svg)center center no-repeat,#1EB7B8; }
.tb_wrap{width:100%; height:auto; min-height:300px; margin-top:1.5em;}
.tb_title_bg{background-color:#1C8A8B; color:#fff;}
.tb_wrap table tr.tb_title_bg td a{color:#fff;}
.tb_wrap table{width: 100%; height: 100%; border:1px solid #7CA994;   border-collapse: collapse;  }
.tb_wrap table tr td{padding:1em; border:1px solid #7CA994;  text-align: center; font-size:14px; line-height:1.6em; }
.tb_wrap table tr td a{color:#1C8A8B; font-weight:500; transition:all .2s; line-height:1.6em; }
.tb_wrap table tr td a:hover{color:#1EB7B8;;}
.tb_wrap table .tb_txt td{ color: #373739;}
.tb_wrap table .tb_txt_act {background-color:#C4EEDA; color: #0D7273;}
.tb_wrap table .tb_txt_note {background-color:#FAFEFB; color: #7CA994; border:1px solid #FAFEFB;}
.tb_wrap table .tb_txt_note td:nth-child(odd){text-align:left;}
.tb_wrap table .tb_txt_note td b{font-weight:bold; }
.page{text-align:right; display:block; margin-top:1.5em; padding-bottom:4em; }
.page a{display:inline-block; margin:0 0 0 1.5em; color: #373739; transition:all .2s; }
.page a:hover{color:#1C8A8B; }
.page a.act {color:#1C8A8B; font-weight:bold;  }
input[type="checkbox"] {
border: solid 2px #1C8A8B;
width: 16px;
height: 16px;
}
.new_mc_add_wrap {width: 100%; height:auto; margin:0 0 1.5em 0; display:inline-block; position: relative; font-size:16px;  color: #689C93; display: flex;}
.new_mc_add_wrap input.textfield{ text-indent:0.5em; border: solid 2px #1C8A8B; border-radius: 5px;  width:17%; line-height:1.8em; height:27px; margin:0 5px 0 0; font-size:16px;  color: #689C93; }
.new_mc_add_wrap input.textfield:last-child{margin-right:0;}
.new_mc_add_wrap select{ text-indent:0.5em; border: solid 2px #1C8A8B; border-radius: 5px;  width:27%; line-height:1.6em; height:32px; margin:0 5px 0 0; font-size:16px; color: #689C93;}
.new_mc_add_wrap input[type=radio]{width: 26px; height: 26px; line-height:26px; margin:4px 0 0 5px; position: absolute; top: 0;}
.new_mc_add_wrap span{position: relative; display:inline-block; margin-left:35px;}
/*英文檢驗報告*/
.upload_wrap{
width: 100%;
height: 300px;
border-radius: 8px;
border: solid 1px #c3e1c5;
background-color: #ffffff;
overflow: hidden;
margin-bottom:1em;
}
.upload_wrap .title{
width: 100%;
height: auto;
background-color: #1C8A8B;
color: #fff;
padding: 1em 2em 1em 2em ;
}
.upload_wrap .loadingbar{
width: 80%;
height: 20px;
border-radius: 0px;
box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.5);
background-color: #d8d8d8;
margin:auto;
position: absolute;
top: 1em;
left: 0;
right:0;
bottom:0;
}
.upload_wrap .loadingbar .fill{
width: 40%;
height: 100%;
border-radius: 0;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
background-color: #7CA994;
}
.upload_wrap .loadingbar .percent{
position: absolute;
width: 100%;
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #7CA994;
}
.upload_wrap .loadingbar .txt{
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #1C8A8B;
top: 4em;
position: absolute;
width: 100%;
}
.upload_wrap .btn_upload{
width: 110px;
height: 118px;
background:url(images/add-file2.svg);
position: absolute;
margin:auto;
top: 2em;
left: 0;
right: 0;
bottom: 0;
display: block;
}
/*中文檢驗報告*/
.cht_detail_wrap{margin:0em 0 1.5em 0; width:100%; border-radius:0; }
.cht_detail_wrap input{text-indent:0.5em; border: solid 2px #1C8A8B; border-radius: 5px; font-size:16px;  color: #689C93; width:6em;  }
.tb_wrap table.cht_detail_wrap .tb_txt td:nth-child(odd){background-color:#0D7273; color:#fff; text-align:left; }
.report_wrap{width: calc(100%-3em); height: 100%; border: 1px solid  #7CA994; border-radius:10px; padding:1.5em; margin-bottom:3em; }
.report_wrap .list{
margin:0 0 0em 0; width: 100%; position: relative; display:inline-block;
}
.report_wrap .list span{color:#0D7273; font-size:24px; font-weight:bold; text-align:left;}
.report_wrap .list span.positive{color: #E33800;}
.report_wrap .list span:first-child{float:left;}
.report_wrap .list span:last-child{float:right;}
.report_wrap .list span input{width:2em; border: solid 2px #1C8A8B; border-radius: 5px; font-size:16px;  color: #689C93; text-align: center; margin:0 0.2em 0 0.2em; }
.note_title{ color:#7CA994; }
.report_wrap .note_title span{padding-left:1em; display:inline-block;}
.report_wrap .note_title span:first-child{margin-right:0em; width:160px; }
.report_wrap  ul li{border-left:0.5em solid #ccc; padding:0.5em; width: 100%; position: relative; line-height:2em;margin-bottom:0.5em;  vertical-align:middle; }
.report_wrap  ul li span{display:inline-block; line-height:1.6em; vertical-align:middle;  }
.report_wrap  ul li span:first-child{margin-right:1em; width:160px; font-size:16px; }
.report_wrap  ul li span:nth-child(2){margin-right:2em; font-size:12px;  }
.report_wrap  ul li span:last-child{text-align:right; color:#0D7273; font-size:16px; font-weight:500;}
.report_wrap .note{width: 100%; display:inline-block; margin:0.5em; text-align: center; color:#1C8A8B; font-size: 14px; font-weight:bold; }
.report_note{ font-size: 18px; background:#FAFEFB; position: absolute; bottom:6em;left: -1.5em; height:auto; width: 1em; padding:3em 0.5em 3em 1em; color: #d87171; border:2px solid #d87171; border-right:none;}
.wrong{color:#d87171;}
.report_wrap .tip_frame{float:left;}
.report_wrap .tip_frame .title{font-size:15px; font-weight:bold; color:#373739; line-height:2em; }
.report_wrap .tip_frame .txt{font-size:13px; line-height:1.6em; color:#373739;}
.report_wrap .tip_frame ul li{ border:none; font-size:14px; padding:0 0.5em 0.5em 0; width: 100%; position: relative; line-height:2em; margin-bottom:2em;  vertical-align:middle; }
.space{clear:both; width: 100%; height: 1px;}
.report_wrap .tip_frame_full{width:100%; margin:0em 0 2em 0; display:block  }
.report_wrap .tip_frame_full .title{font-size:15px; font-weight:bold; color:#373739; line-height:2em; }
.report_wrap .tip_frame_full .txt{font-size:13px; line-height:2em; color:#373739;}
.report_wrap .tip_frame_full .txt span{padding-left:1em; display:inline-block; position: relative;}
.report_wrap .tip_frame_full .txt span:before{content:""; position: absolute; top:0.8em; left:0em; width: 5px; height: 5px; background-color: #373739;}
.report_wrap .tip_frame_full .txt a{color:#1C8A8B; transition:all .2s;}
.report_wrap .tip_frame_full .txt a:hover{color:#1EB7B8;;}
.report_wrap .tip_frame_full .retangle{background:#E5F5E6; border-radius:15px; padding:1em;}
.report_wrap .tip_frame_full .signature{height: 4em; width: 100%; margin-bottom:1em;}
.report_wrap .tip_frame_full .signature img{width: 130px;}
.tb_wrap table.cht_detail_ct{margin:0em 0 2em 0; }
.tb_wrap table.cht_detail_ct .tb_txt td{vertical-align:middle; padding:0.5em;}
.tb_wrap table.cht_detail_ct .tb_txt td:first-child{text-align:left; line-height:1.6em; vertical-align:middle; font-size:13px; font-weight:bold;}
.tb_wrap table.cht_detail_ct .tb_txt td:nth-child(2){text-align:left; line-height:1.6em; vertical-align:middle; font-size:13px; }
.tb_wrap table.cht_detail_ct .tb_txt td:nth-child(3){text-align:left; line-height:1.6em; vertical-align:middle; font-size:13px; }
.tb_wrap table.cht_detail_ct .tb_txt td:nth-child(4){text-align:left; line-height:1.6em; vertical-align:middle; font-size:13px; }
.tb_wrap table.cht_detail_ct .tb_txt td:nth-child(5){text-align:left; line-height:1.6em; vertical-align:middle; font-size:13px; }
.tb_wrap table.cht_detail_ct .tb_txt td:last-child{text-align:center; line-height:1.6em; vertical-align:middle; font-size:13px; width:5em; }
.tb_wrap table.cht_detail_ct .tb_txt td.native{color: #0D7273; font-weight:bold;}
.tb_wrap table.cht_detail_ct .tb_txt td.positive{color: #E33800; font-weight:bold;}
.tb_wrap table.cht_detail_ct .tb_title_bg{font-weight:500; font-size:14px;  }

.remark_wrap{
width: 50%;
height:auto;
border-radius: 8px;
border: solid 1px #c3e1c5;
background-color: #ffffff;
overflow: hidden;
margin: 0 auto;
padding: 2em;
max-width:500px;
}
.remark_wrap span{
	text-align:center;
	line-height:3em;
	display:inline-block;
	width: 100%;
	font-size: 18px;
	font-weight:bold;
	color:#044B4C;
}
/*0519新增*/
.btns_wrap_three .di_wrap{ padding:1.2em 0 0 0em; }
.btns_wrap_three .di_wrap span{color:#333; display:inline-block; margin-right:0.2em;}
.btns_wrap_three .di_wrap input[type="radio"]{display:none;}
.btns_wrap_three .di_wrap input[type="radio"] + label{ color: #0D7273;}
.btns_wrap_three .di_wrap input[type="radio"] + label span {display:inline-block; width:19px;
height:19px; margin:-2px 2px 0 5px; vertical-align:middle; background:url(images/check_radio_sheet_2.png) left top no-repeat; cursor:pointer;}
.btns_wrap_three .di_wrap input[type="radio"]:checked + label span{background:url(images/check_radio_sheet_2.png) -19px top no-repeat;}



/*下載*/
.popup_wrap{ width: 100%; height: 100%; position: fixed; z-index:9999; top: 0; left: 0; font-family: Noto Sans TC; display:none; }
.popup_bgc{opacity: 0.7; background-color: #000000; width: 100%; height: 100%;  }
.popup_form{
width: 380px;
height: 216px;
border-radius: 15px;
box-shadow: 0 2px 4px 0 rgba(80, 80, 80, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: #ffffff;
position: absolute;
margin:auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.popup_title{
font-size: 18px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #d87171;
width: 80%;
margin:3em auto 1em auto;
cursor: default;
}
.popup_btns{
width:50%;
margin:5% auto 0 auto;
position: relative;
display:block;
}
.popup_btns .btn{
width:47.5%;
height: auto;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
background-color: #1C8A8B;
padding:1em 0em 1em 0em;
margin:0 3% 0 0;
color:#fff;
text-decoration:none;
display: inline-block;
text-align: center;
cursor:pointer;
transition:all .2s
}
.popup_btns .btn:hover{
background:#1EB7B8;
transform: translate(1px,1px);
}
.popup_btns .btn:last-child{
margin:0;
}
/*資料維護*/
.new_mt_add_wrap {width:50%; height:auto; margin:0 0 1.5em 25%; display:inline-block; position: relative; font-size:16px;  color: #689C93;}
.new_mt_add_wrap input.textfield{ text-indent:0.5em; border: solid 2px #1C8A8B; border-radius: 5px;  width:calc(45% + 4px); line-height:1.8em; height:27px; margin:0 0.5em 0 0; font-size:16px;  color: #689C93; }
.new_mt_add_wrap input.textfield:last-child{margin:0;}
.new_mt_add_wrap span{position: relative; display:inline-block; margin-left:35px;}

.new_mt_dt_add_wrap {width:50%; height:auto; margin:0 0 1.5em 25%; display:inline-block; position: relative; font-size:16px;  color: #689C93; }
.new_mt_dt_add_wrap input.textfield{ text-indent:0.5em; border: solid 2px #1C8A8B; border-radius: 5px;  width:100%;   line-height:1.8em; height:27px; margin:0 0.5em 0 0; font-size:16px;  color: #689C93; }
.new_mt_dt_add_wrap input.textfield:last-child{margin:0;}
.new_mt_dt_add_wrap span{position: relative; display:inline-block; margin-left:35px;}

.new_mt_gn_add_wrap {width:100%; height:auto; margin:0 0 1.5em 0%; display:inline-block; position: relative; font-size:16px;  color: #689C93; }
.new_mt_gn_add_wrap input.textfield{ text-indent:0.5em; border: solid 1px #1C8A8B; border-radius: 5px;  width:calc(30% - 2px);   line-height:1.8em; height:27px; margin-right:3.6666% ; margin-bottom:1em; font-size:16px;  color: #689C93; }
.new_mt_gn_add_wrap input.textfield:last-child{margin:0;}
.new_mt_gn_add_wrap input.upqdfield{ text-indent:0.5em; border: solid 1px #1C8A8B; border-radius: 5px;  width:auto;   line-height:1.8em; height:27px; margin:0; font-size:16px;  color: #689C93; }
.new_mt_gn_add_wrap span{position: relative; display:inline-block; margin:0px 0 1em 0; display:inline-block;}
.new_mt_gn_add_wrap textarea{
width: calc(100% - 2.2em);
height: 250px;
border-radius: 8px;
border: solid 1px #c3e1c5;
resize: none;
text-align: left;
padding:1.1em;
font-size:16px;
line-height:1.8em;
margin-bottom:1em;
}

.new_mt_gn_add_wrap .addbutton{
position: absolute;
top:0;
right:0;
text-align:center;
width:4em;
height:auto;
padding:0.5em 2em 0.5em 1em;
border-radius: 15px;
box-shadow: 0 2px 3px 0 rgba(80, 80, 80, 0.5);
color:white;
background-color: #1C8A8B;
cursor: pointer;
transition:all .2s;
text-decoration:none;
display: inline-block;
}

.new_mt_gn_add_wrap .icon_add{background: url(images/add.svg)0 0 no-repeat;
width: 14px; height: 14px; position: absolute; right: 0.85em;}

.up_qrcode_all_wrap{position: relative; width: 100%; margin:0 0 0 0;}
.up_qrcode_wrap{position: relative; width: 50%; max-width: 300px; margin:1em 0 0 0;}
.qrcode_img {position: absolute; top: 0; right: 0; width: auto; display:inline-block;}
.qrcode_img img{float:right; width: 90px; margin:0 0 0 1em; padding: 1em; border: solid 1px #c3e1c5;}

/*權限管理*/
.new_ma_add_wrap {width:90%; height:auto; margin:0 0 1.5em 5%; display:inline-block; position: relative; font-size:16px;  color: #689C93;}
.new_ma_add_wrap input.textfield{ text-indent:0.5em; border: solid 2px #1C8A8B; border-radius: 5px;  width:calc(30% + 4px); line-height:1.8em; height:27px; margin:0 0.8em 0 0; font-size:16px;  color: #689C93; }
.new_ma_add_wrap input.textfield:last-child{margin:0;}
.cb_wrap{width:90%; height:auto; margin:0 0 1.5em 5%; display:inline-block; position: relative; font-size:16px;  color: #689C93; line-height:2em;}
.cb_wrap span{margin:0 1em 0 1.8em; display:inline-block; position: relative; }
.cb_wrap span:last-child{margin:0 0 0 2em;}
.cb_wrap input[type="checkbox"]{position: absolute; top: 4px;}

/*其他*/
.w950{min-width:950px;}
.w100p{width:100%;}