@charset "utf-8";
/* CSS Document */
.edit .proname{ font-size:35px; color:#444; max-width:1250px; margin:0 auto 40px auto; padding:0 20px; box-sizing:border-box; letter-spacing:3px;}
.edit .proname .pronameen{ font-size:15px; color:#ccc;}

.edit .content{ max-width:1210px; height:auto; margin:0 auto; padding:5px 5px 40px 5px; box-sizing:border-box; background-color:#e4f7ff; border-radius:20px; position:relative; box-shadow:0 5px 10px 0 rgba(0,0,0,.3); margin-bottom:15px;}
.edit .content .fill{ max-width:1210px; height:auto; margin:0 auto; padding:45px 35px 40px 35px; box-sizing:border-box; background-color:#fff; border-radius:15px;}
.edit .content .fill form{ font-size:0;}
.edit .content .fill input, .edit .content .fill select{ height:23px; font-size:17px;box-shadow:0 0 0 0 #fff; font-family:"微軟正黑體";}
.edit .content .fill .note{ width:100%; font-size:15px; color:#db2028; letter-spacing:3px; margin:0; margin:0 0 45px 0;}
.edit .content .fill .filltext{ width:50%; border-bottom:1px solid #ccc; color:#444; line-height:25px; display:inline-block; margin:0 0 35px 0;}
.edit .content .fill .filltext .fillti{ width:110px; float:left; display:block; font-size:16px; color:#015daf;}
.edit .content .fill .filltext .fillti .note{ color:#db2028;}
.edit .content .fill .filltext .fillte{ width:auto; margin:0 30px 0 115px; color:#999; display:block;}
.edit .content .fill .filltext .fillte input{ width:100%; color:#444; box-sizing:border-box; border:none; font-family:"微軟正黑體"; font-size:16px;}
.edit .content .fill .filltext .fillte select{ width:100%; color:#444; box-sizing:border-box; border:none; font-family:"微軟正黑體"; font-size:16px;}
.edit .content .fill .filltext02{ width:100%; border-bottom:1px solid #ccc; color:#444; line-height:25px; display:inline-block; margin:0 0 35px 0;}
.edit .content .fill .filltext02 .fillti{ width:230px; float:left; display:block;}
.edit .content .fill .filltext02 .fillti .fillcheck{ background-color:#00adee; color:#fff; font-size:15px; text-decoration:none; padding:1px 3px;}
.edit .content .fill .filltext02 .fillte{ width:auto; margin:0 30px 0 230px; color:#999; display:block;}
.edit .content .fill .filltext02 .fillte input{ width:100%; color:#444; box-sizing:border-box; border:none; font-family:"微軟正黑體";}
.edit .content .fill .filltext03{ width:100%; border-bottom:1px solid #ccc; color:#444; line-height:25px; display:inline-block; margin:0 0 35px 0;}
.edit .content .fill .filltext03 .fillti{ width:110px; float:left; display:block; font-size:16px; color:#015daf;}
.edit .content .fill .filltext03 .fillte{ width:auto; margin:0 30px 0 115px; color:#999; display:block; font-size:16px;}
.edit .content .fill .filltext03 .fillte .filltea{ float:left; display:block;}
.edit .content .fill .filltext03 .fillte input{ width:100px; color:#444; box-sizing:border-box; border:none; margin-right:5px; font-family:"微軟正黑體";}
.edit .content .fill .filltext03 .fillte .add{ width:auto; color:#444; display:block;}
.edit .content .fill .filltext03 .fillte .addinput{ width:100%; color:#444; box-sizing:border-box; border:none;}
.edit .content .fill .filltext03 .fillte select{ width:120px; color:#444; box-sizing:border-box; border:none; margin-right:5px; font-family:"微軟正黑體";}
.edit .content .fill .filltext03 .fillte .fillboth{ clear:both; display:block;}
.edit .content .fill .bottonblock{ width:100%;}
.edit .content .fill .bottonblock .botton01{ width:80px; line-height:30px; border-bottom:3px solid #007dac; border-top:0; border-left:0; border-right:0; font-family: inherit; font-size: inherit; background-color:#00adee; margin-right:20px; display:inline-block; text-align:center; color:#fff; text-decoration:none; border-radius:5px; font-size:18px; transition:.5s; cursor:pointer;}
.edit .content .fill .bottonblock .botton01:hover{ background-color:#007dac; transition:.2s;}
.edit .content .fill .bottonblock .botton02{ width:80px; line-height:30px; border-bottom:3px solid #444; border-top:0; border-left:0; border-right:0;font-family: inherit; font-size: inherit; background-color:#777; display:inline-block; text-align:center; color:#fff; text-decoration:none; border-radius:5px; font-size:18px; transition:.5s; cursor:pointer;}
.edit .content .fill .bottonblock .botton02:hover{ background-color:#444; transition:.2s;}
.edit .content .fill .serial{ width:100%; height:auto; margin:-30px auto 30px auto; border-radius:10px; border:10px solid #ccc; background-color:#ccc; text-align:center; display:block; box-sizing:border-box;}
.edit .content .fill .serial .serialtext{ color:#fff; background-color:#00adee; padding:2px 10px; border-radius:15px;}
.edit .content .fill .serial .serialimg{ margin-top:15px;}
.edit .content .fill .serial img{ border-radius:5px; width:48%; margin:0 0.5%; vertical-align:top;}

.edit .content .ex01{ font-size:17px; color:#444; margin:35px 35px 0 35px;}
.edit .content .ex02{ font-size:15px; color:#aaa; margin:10px 35px 0 35px;}
.edit .content .ex03{ font-size:19px; color:#fff; letter-spacing:3px; margin:10px 35px 0 35px; background-color:#00adee; display:inline-block; padding:3px 20px; border-radius:15px;}
.edit .content .ex03 a{ text-decoration:none; color:inherit;}
.edit .content .ex03 span{ display:inline-block;}
.edit .content .exlogo{ height:40px; position:absolute; bottom:10px; right:20px;}
.edit .content .exlogo img{ height:40px;}

/* dat.190129 */
form[name=sendForm] { position:relative; }
.filltext_min { width: 100%; position: absolute; max-width: 300px; border-bottom: none; margin: 0; color: red; font-size: 0.8rem; }
.filltext_min .fillti { width: 100%; position: absolute; margin: -32px 0 0px 3px; }

/* dat.191016 */
.code_txt { display: block; margin: 0; padding-left: .25rem; font-weight: 600; text-transform: capitalize; font-size:14px;}
.code_input { display: inline-block; /*margin-bottom: 15px;*/ font-size: 1rem; width: 80px; height: 25px !important; position: relative; border: 1px solid #717171; background: transparent; border-radius: 5px; padding: 4px; outline: 0; }
.code_jpg { display: inline-block; width: 100px; height: 35px;/* vertical-align: text-bottom;*/ }
.code_jpg img { /*max-width: 100%; */height: 35px; }
.code_refresh {
    display: inline-block;
    border-radius: 5px;
    color: #ffffff;
    background: #5b9cd6;
    margin: 0;
    margin-right: 20px;
    font-size: 0;
    vertical-align: top;
    line-height: 32px;
    padding: 0px 3px;
    border-bottom: 3px solid #007dac;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.code_refresh:hover { background: #007dac; -webkit-transition: .5s; transition: .5s; }
.code_refresh img { display: inline-block; vertical-align: middle; margin: 0; }

.code_box, .code_submit { display: inline-block; }
.code_box > * { vertical-align: top; }
.code_submit > * { vertical-align: top; }

@media screen and ( max-width: 767px) {
.code_refresh { margin-bottom: 20px; }
.edit .proname .pronameen{ display:block;}
.edit .content .fill{ padding:15px;}
.edit .content .fill .note{ margin:0 0 30px 0;}
}

@media screen and ( max-width: 480px) {
    .code_input { margin-bottom: 20px; }
}

@media screen and ( min-width: 641px) and ( max-width: 1023px) {
.edit .content{ margin:0 20px;}
.edit .content .fill .filltext03 .fillte .add{ width:100%; margin:0; color:#444; display:block;}
.edit .content .ex03 span{ display:block;}
.edit .content .exlogo{ position:static; margin:15px 0 0 35px;}
}

@media screen and ( min-width: 320px) and ( max-width: 640px) {
.edit .content{ margin:0 20px;}
.edit .content .fill .filltext{ width:100%;}
.edit .content .fill .filltext .fillti{ width:100%;}
.edit .content .fill .filltext .fillte{ width:100%; margin:0;}
.edit .content .fill .filltext02 .fillti{ width:100%;}
.edit .content .fill .filltext02 .fillte{ width:100%; margin:0;}
.edit .content .fill .filltext03 .fillti{ width:100%;}
.edit .content .fill .filltext03 .fillte{ width:100%; margin:0;}
.edit .content .fill .filltext03 .fillte .filltea{ width:100%;}
.edit .content .fill .filltext03 .fillte .filltea input{ width:100%;}
.edit .content .fill .filltext03 .fillte .filltea select{ width:100%;}
.edit .content .fill .filltext03 .fillte .add{ margin:0;}
.edit .content .fill .serial{ width:100%; height:auto; margin:-30px auto 30px auto; border-radius:10px; border:10px solid #ccc; background-color:#ccc; text-align:center; display:block; box-sizing:border-box;}
.edit .content .fill .serial img{ border-radius:5px; width:100%; margin:0 0 10px; vertical-align:top; display:block;}

.edit .content .ex01{ margin:20px 10px 0 10px; font-size:16px; line-height:30px;}
.edit .content .ex02{ margin:10px 10px 0 10px; line-height:25px;}
.edit .content .ex03{ margin:20px 10px 0 10px; font-size:17px; line-height:30px;}
.edit .content .ex03 span{ display:block;}
.edit .content .exlogo{ position:static; margin:15px 0 0 10px;}
}