/* 縮小失敗。正在傳回未縮小的內容。
(475,198): run-time error CSS1034: Expected closing parenthesis, found ','
(475,198): run-time error CSS1042: Expected function, found ','
(475,203): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "UTF-8";
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; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/*body {
  line-height: 1; }*/
#content_qu ol {
    /*line-height: 1;*/
    margin: 0;
}

nav ul, .practice ul, .practice-form ul, .practice-topic ul, .starscore ul, .correct-btn ul, .boxB ul {
    padding: 0;
}

nav ol, nav ul, footer ol, footer ul, .starscore ol, .starscore ul, #myLogin ol, #myLogin ul, .boxA ol, .boxA ul, .boxB ol, .boxB ul, #content_qu 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; }*/

body {
  font-family: "微軟正黑體" !important; }

.clearfix {
  clear: both; }

/* index */
/* ==========desktop========== */
.wrap_correct {
  /* header */
  /* header */
  /* nav */
  /* nav */
  /* main */
  /* main */
  /* aside */
  /* aside */
  /* 麵包屑 */
  /* 麵包屑 */
  /* 內容 */
  /* 內容 */
  /* footer */
  /* footer */ }
  .wrap_correct header {
    background: url(/images/ck/header.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0; }
  .wrap_correct nav {
    background: #00d514;
    width: 100%; }
    .wrap_correct nav ul {
      width: 1024px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .wrap_correct nav ul li {
        width: 100%;
        text-align: center; }
    .wrap_correct nav li:nth-child(odd) a {
      background: #00d514; }
    .wrap_correct nav li:nth-child(even) a {
      background: #00c92f; }
    .wrap_correct nav a {
      font-size: 20px;
      color: #fff;
      text-decoration: none;
      display: block;
      width: 100%;
      height: 100%;
      padding: 15px;
      font-weight: bold;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .wrap_correct nav a:hover {
      background: #007A1D !important; }

  .wrap_correct footer {
    background: #5c6268;
    width: 1024px;
    padding: 40px calc((100% - 1024px)/2); }
    .wrap_correct footer .head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .wrap_correct footer .head a:nth-child(2) {
        background: #fff;
        color: #5c6268;
        text-decoration: none;
        width: 65%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px 15px;
        border-radius: 10px;
        font-size: 22px;
        font-weight: bold;
        position: relative; }
        .wrap_correct footer .head a:nth-child(2) i {
          position: absolute;
          right: 10px; }
      .wrap_correct footer .head a:nth-child(2):hover {
        -webkit-box-shadow: 0 0 4px #e5e5e5;
        box-shadow: 0 0 4px #e5e5e5; }
      .wrap_correct footer .head a:nth-child(2):active {
        -webkit-box-shadow: 0 0 15px gray inset;
        box-shadow: 0 0 15px gray inset; }
    .wrap_correct footer ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 30px; }
      .wrap_correct footer ul li {
        width: 25%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 3%;
        border-right: 1px solid #818181;
        margin-bottom: 30px;
        color: #fff;
        font-size: 14px;
        line-height: 1.6;
        text-align: center; }
        .wrap_correct footer ul li p:first-Child {
          font-size: 21px;
          margin-bottom: 8px;
          font-weight: bold;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-pack: distribute;
          justify-content: space-around; }
        .wrap_correct footer ul li a {
          text-decoration: none;
          background: #00d514;
          color: #fff;
          border-radius: 5px;
          font-size: 14px;
          padding: 2px 8px; }

/* ==========other========== */
@media (max-width: 1150PX) {
  .wrap_correct {
    /* nav */
    /* nav */
    /* main */
    /* main */
    /* footer */
    /* footer */ }
    .wrap_correct nav ul {
      width: 95%; }
    .wrap_correct nav li {
      width: 100%; }
    .wrap_correct nav a {
      width: 100%;
      padding: 15px 0;
      text-align: center; }
    .wrap_correct footer {
      width: 98%;
      padding: 40px 1%; }
      .wrap_correct footer .head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .wrap_correct footer .head a:first-Child {
          margin-right: 30px; }
        .wrap_correct footer .head a:nth-Child(2) {
          width: 50%; } }

/* ==========ipad========== */
@media (max-width: 768px) {
  .wrap_correct {
    /* aside */
    /* aside */
    /* footer */ }
    .wrap_correct footer ul li {
      width: 33%;
      padding: 0 3%; } }

/* ==========phone========== */
@media (max-width: 767px) {
  .wrap_correct {
    /* header */
    /* header */
    /* nav */
    /* nav */
    /* main */
    /* main */
    /* 導覽列 */
    /* 導覽列 */
    /* 內容 */
    /* 內容 */
    /* footer */
    /* footer */ }
    .wrap_correct header {
      background: url(/images/ck/header-mobile.jpg) no-repeat;
      background-size: 100% 100%;
      text-align: center; }
    .wrap_correct header img {
      width: 75%; }
    .wrap_correct nav ul {
      width: 100%; }
    .wrap_correct nav span {
      display: none; }
    .wrap_correct nav a {
      font-size: 5vw;
      font-weight: 100; }
    .wrap_correct nav a:hover, .wrap_error nav a:active {
      font-weight: 500; }
	
    .wrap_correct footer .head {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .wrap_correct footer .head img {
        width: 100%; }
      .wrap_correct footer .head a:first-Child {
        margin: 0 auto;
        text-align: center; }
        .wrap_correct footer .head a:first-Child img {
          width: 90%; }
      .wrap_correct footer .head a:nth-Child(2) {
        margin: 20px auto 0 auto;
        width: 90%;
        font-size: 16px; }
    .wrap_correct footer ul li {
      width: 49%;
      padding: 0 5%; }
      .wrap_correct footer ul li p:first-child {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .wrap_correct footer ul li a {
        width: 75%;
        display: block;
        margin: 0 auto;
        padding: 0; }
    .wrap_correct footer ul li:nth-child(even) {
      border: 0; } }

/* index */

@charset "utf-8";



/*隱藏SchemaDIV*/
.boxhide{display:none;}
.boxhide p{margin:0; padding:0;}

/*==========================單欄網頁內容==================*/

.wrap_correct main {padding: 10px 0 50px 0; width: 1024px; margin: 0 auto; box-sizing: border-box; font-size: 15px; }

/*註冊登入*/
.wrap_correct main .login{padding: 10px 0 20px 0; text-align: right; color: #4a5158; }
.wrap_correct main .login a{text-decoration: none;}
.wrap_correct main .login a.loging{color: #4a5158;}
.wrap_correct main .login a.logout{color: #0096ff;}
.wrap_correct main .login i{color: #00d514;}
.wrap_correct .content {margin: 0; padding: 0; width: 100%; }

/*標題*/
.wrap_correct .content .title{	margin:0; padding:0 20px; width: 100%; height: 50px; line-height: 50px;	border: 1px solid #00d514;	border-radius: 5px; box-sizing: border-box; }
.content .title h1{font-size:1.5em; color:#00d514; letter-spacing: 1px; font-weight: bold; }

/*點數選單20200114更新*/
.point {margin: 20px 0 0 0; padding: 10px 0; border-bottom:1px dashed #ccc; overflow: hidden; font-size: 16px; box-sizing: border-box;}
.point-menu{float: left; margin:0 10px 0 0; width: 300px; }
.point-menu ul{display: flex; flex-direction:row; justify-content: flex-start;}
.point-menu li{border-right: 1px solid #D8D8D8; width: 100px; text-align: center; color: #000000; }
.point-menu li a{display: block; text-decoration: none; color: #000000; }
.point-menu li a:hover{background-color: #DDDDDD;}
.point-menu li.active{color: #FFFFFF; background-color: #ff6600;}

.point-total{float: left; padding: 0;}
.point-total p{margin: 0; color: #ff6600;}
.point-total p span{font-weight: bold;}

/*頁碼*/
.content .page{margin:40px auto 0 auto; padding:0; width:100%; text-align:center;}
.content .page ul{margin:0 auto; padding:0; width:100%; text-align:center; }
.content .page li{display:inline-block; font-size:14px; color:#acacac; }
.content .page li select{margin:0; padding: 4px; outline:none; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; border:1px solid #CCC; font-size:1em; color:#333;}

/*頁碼在本頁的顯示狀態*/
.content .page li.in{margin:0; padding: 7px 10px; font-size:14px; color:#FFF; border:1px solid #4a5158; background-color:#4a5158;}
.content .page li a{text-decoration:none; padding:5px 10px; font-size:14px; color:#acacac; border:1px solid #e5e5e5;}
.content .page li a:hover{color:#FFF; background-color:#00d514; border:1px solid #00d514;}

/*諮詢回應提報表單-選擇上傳圖片檔案*/
.correct-form-img{margin: 10px 0;}
.correct-form-img .updata{}
.correct-form-img .updata div{padding: 5px; width: 100px; border-radius: 5px; text-align: center; background-color: #4a5158; box-sizing: border-box; }
.correct-form-img .updata div a{display: block; text-decoration: none; color: #ffffff; }
.correct-form-img .updata p{font-size: 14px; color: #747474;}
.correct-form-img ul{display: flex; flex-direction:row; margin: 10px 0; }
.correct-form-img li{display: block; margin: 0 5px 0 0; width: 100px; height: 100px; border: 1px solid #D5D5D5; position: relative; overflow: hidden;}
.correct-form-img li a{position: absolute; top: 0; right: 0; width: 25px; height: 25px; }

/*20200114 新增申論批閱================================================================================================================*/
/*使用說明*/
.correct-info{clear: both; margin: 0; padding: 0; width: 100%; box-sizing: border-box; }
.correct-info h3{padding: 20px 0; font-size: 1.2em; line-height: 1.5; color: #4a5158; font-weight: bold;}
.correct-info p{margin: 0; padding: 10px 0; font-size: 1.1em; font-weight: bold; }
.correct-info ol{margin: 0; padding: 0 0 0 20px; list-style: disc ;}
.correct-info li{padding: 0 0 5px 0; font-size: 1em; color:#000000; line-height: 1.6; }

/*批閱-列表*/
.correct-qa{margin: 20px 0 0 0; padding: 0; width: 100%; box-sizing: border-box; }
.correct-qa h3{margin: 10px 0; font-size: 1.1em; color: #00d514; }
.correct-qa h4{margin: 20px 0; font-weight: normal;}
.correct-qa h4 select{
	margin:0 10px; padding:0 5px; outline:none;
    font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;
	border:1px solid #CCC;
	width:15%; height:32px;
    font-size:1em; color:#333; box-sizing: border-box;
}
.correct-qa .btn{width: 100px ; height: 42px; line-height: 42px; font-size:1em; color: #FFFFFF; text-align: center; background-color: #00d514; border-radius: 5px; }
.correct-qa .btn a{display: block; text-decoration: none; color: #FFFFFF; }
.correct-qa .text{margin: 0 0 10px 0; padding: 0; text-align: right; font-size: 14px; color: #666666;}
.correct-qa dl{clear: both;}
.correct-qa dt{display: block; width: 100%; padding: 15px 10px; font-size: 16px; line-height: 1.5; color: #0096ff; background-color: #f9f9f9; border-bottom: 1px dashed #C4C4C4; box-sizing: border-box;}
.correct-qa dt a{color: #0096ff; }
.correct-qa dt a:hover{text-decoration: none;}
.correct-qa dd{margin: 0 ; padding: 10px; }
.correct-qa dd p{margin: 0; padding: 0; font-size: 1em; color: #000000; line-height: 1.6; font-weight: bold;}
.correct-qa dd p:nth-child(1){color: #666666;}
.correct-qa dd p a{color: #000000;}
.correct-qa dd p a:hover{text-decoration: none; color: #ff6600;}

/*上傳新批閱*/
.correct-form{margin: 0; padding: 0; width: 100%; border: 1px solid #cccccc; border-radius: 10px;}
.correct-form .box01{padding: 40px; background-color: #f9f9f9; border-radius: 10px 10px 0 0; box-sizing: border-box;}
.correct-form .box01 label.title{padding: 0; font-size: 20px; font-weight:bold; color:#00d514; border: 0px;}
.correct-form .box01 label span{color: #FF0004;}
.correct-form .box01 label{line-height:2; font-size: 16px; color:#333333; }
.correct-form .box01 select{
	margin: 0 0 20px 0; padding:5px; width:100%; height:40px; outline:none; border:1px solid #CCC; background-color: #ffffff;
    font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size:16px; color:#333;
	box-sizing: border-box;
    }
.correct-form .box01 input{
	appearance:none; -webkit-appearance:none;
	padding:5px; width: 100%; height: 40px; outline:none; border:1px solid #cccccc; background-color:#ffffff;
	font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size: 16px;
	box-sizing: border-box;
    }
.correct-form .box01 textarea{
	margin: 0 0 20px 0; padding: 5px; width: 100%; height: 100px; outline:none; border:1px solid #cccccc; background-color:#ffffff;
	font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size: 16px; color:#4a617a; line-height: 1.3;
    box-sizing: border-box;
    }
.correct-form .box02{padding: 40px;}
.correct-form .box02 label{line-height:2; font-size: 16px; color:#333333; }
.correct-form .box02 textarea{
	padding: 5px; width: 100%; height: 180px; outline:none; border:1px solid #cccccc; background-color:#f9f9f9;
	font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size: 16px; color:#4a617a; line-height: 1.3;
	box-sizing: border-box;
    }
.correct-form .box02 p{margin:0 0 20px 0; }

/*輸入關鍵字*/
.correct-ky{margin: 10px 0; padding: 10px; width: 100%; background-color: #f9f9f9; border: 1px solid #ebebeb; display: flex; flex-direction: row;
	flex-wrap:wrap; box-sizing: border-box; }
.correct-ky div{display: inline-block; margin: 0 2px 2px 0; padding: 5px 8px; background-color: #929292; color: #FFFFFF; border-radius: 5px;}
.correct-ky div a{text-decoration: none; color: #FFFFFF;}

/*按鈕*/
.correct-form .advisory{width:100%; margin: 20px auto; text-align:center; }
.correct-form .advisory li{display:inline-block;}
.correct-form .advisory li:first-child a{border:1px solid #00d514; background-color:#00d514; color:#FFF;}
.correct-form .advisory a{
	display:block; width:70px; height:40px; border-radius: 5px; border:1px solid #b0b0b0;
	line-height:40px; color: #68717c; text-decoration: none; transition:.5s;
	}
.correct-form .advisory a:hover{background-color:#f9f9f9; color:#68717c;}

/*申論批閱-提問*/
.correct-questions dl{margin: 0; padding: 0; box-sizing: border-box; }
.correct-questions dd{margin: 0; padding: 20px 25px; box-sizing: border-box;}
.correct-questions p{margin: 0; padding: 0; font-size: 16px;}
.correct-questions .image ul{display: flex; flex-direction:row; flex-wrap: wrap;  margin: 10px 0; box-sizing: border-box; }
.correct-questions .image li{margin: 0 5px 0 0; width: 100px; height: 100px; border: 1px solid #D5D5D5; overflow: hidden;}
.correct-questions .image li a{display: block; }

/*提問回答-已批閱01*/
.correct-replied01{margin: 0; padding: 0 0 15px 0; width: 100%; border: 1px solid #00d514; border-radius: 15px; box-sizing: border-box;}
.correct-replied01 h3{margin: 0; padding: 15px 20px; font-size: 16px; color: #00d514; background-color: #e1ffe4; border-bottom: 1px dashed #00d514; border-radius: 15px 15px 0 0; box-sizing: border-box; }
.correct-replied01 h3 span{color: #FF0004; font-weight: bold;}
.correct-replied01>div{padding: 15px 20px 0 ; font-size: 16px; box-sizing: border-box;}
.correct-replied01>div h4{margin: 0; padding: 0; font-weight: normal; line-height: 1.5; color:#6f6f6f;}
.correct-replied01>div p{margin: 0; padding: 10px 0 0 ; }

.correct-replied01 .image{width: 100%; margin: 15px 0; padding: 0 20px;}
.correct-replied01 .image ul{display: flex; flex-direction:row; flex-wrap: wrap; }
.correct-replied01 .image li{margin: 0 5px 0 0; width: 100px; height: 100px; border: 1px solid #D5D5D5; overflow: hidden;}
.correct-replied01 .image li a{display: block; }

.correct-replied01 .sound{width: 100%; margin: 15px 0; padding: 0 20px;  }
.correct-replied01 .sound ul{display: flex; flex-direction:row;}
.correct-replied01 .sound li{margin: 0 5px 0 0; width: 100px; height: 100px; border: 1px solid #D5D5D5; overflow: hidden;}
.correct-replied01 .sound li a{display: block; }
.correct-replied01 .sound-box{display: none; margin: 10px 0; width: 100%;}

/*提問回答-已批閱01 影音*/
.correct-replied01 .sound-box{display: none; margin: 0; width: 100%; position: fixed; bottom: 0;left: 0;right: 0;padding:15px 0;background:#838e9b;text-align: center;box-shadow: 0 0 4px rgb(0, 0, 0, 0.5);}
.correct-replied01 .sound-box audio{width:85%; height: 30px;}
.correct-replied01 .sound-close{position:absolute;top:5px;right: 5px;text-decoration: none;color: #fff;background: #333;border-radius: 99em;width:20px;height:20px;font-size: 14px;}

/*提問回答-尚未批閱02*/
.correct-replied02{margin: 0; padding: 0 0 15px 0; width: 100%; border: 1px solid #00d514; border-radius: 15px;}
.correct-replied02 h3{margin: 0; padding: 15px 20px; font-size: 16px; color: #00d514; background-color: #e1ffe4; border-bottom: 1px dashed #00d514; border-radius: 15px 15px 0 0; }
.correct-replied02 h3 span{color: #FF0004;}
.correct-replied02>div{padding: 15px 20px 0 ; font-size: 16px;}
.correct-replied02>div p{margin: 0; padding: 10px 0 ; }

/*提問回答-已退回03*/
.correct-replied03{margin: 0; padding: 0 0 15px 0; width: 100%; border: 1px solid #00d514; border-radius: 15px;}
.correct-replied03 h3{margin: 0; padding: 15px 20px; font-size: 16px; color: #00d514; background-color: #e1ffe4; border-bottom: 1px dashed #00d514; border-radius: 15px 15px 0 0; }
.correct-replied03 h3 span{color: #FF0004;}
.correct-replied03>div h4{margin: 0; padding: 0; font-weight: normal; line-height: 1.5; color:#ADADAD;}
.correct-replied03>div{padding: 15px 20px 0 ; font-size: 16px;}
.correct-replied03>div p{margin: 0; padding: 10px 0 0 0 ; }

/*申論批閱-回應分類編輯區*/
.correct-edit{margin: 30px auto; width: 100%; box-sizing: border-box;}
.correct-edit .keywords01{width: 100%; padding: 10px 20px; border: 1px solid #e5e5e5; display: flex; justify-content: flex-start; border-radius: 5px; background-color: #f9f9f9; box-sizing: border-box; }
.correct-edit .keywords01 p{margin: 0; padding: 3px 0 0 0; font-size: 1em;}
.correct-edit .keywords01 a{display: block; padding: 2px 0; width: 60px; text-align: center; background-color:#ffffff; color: #000000; border-radius: 5px;
								  text-decoration: none; border: 1px solid #AAAAAA; box-sizing: border-box;}
.correct-edit .keywords01 a:hover{background-color:#f2f2f2;}

.correct-edit .keywords02{margin: 25px 0;  }
.correct-edit .keywords02 p{margin: 0; padding: 0 20px; line-height: 1.6; box-sizing: border-box; }
.correct-edit .keywords02 p i{color: #00d514;}

.correct-edit .classify-new{width: 100%; padding: 10px 20px; border: 1px solid #e5e5e5; display: flex; justify-content: flex-start; border-radius: 5px; background-color: #f9f9f9; box-sizing: border-box; }
.correct-edit .classify-new p{margin: 0; padding: 3px 0 0 0; font-size: 1em; }
.correct-edit .classify-new a{display: block; padding: 2px 0; width: 80px; text-align: center; background-color: #ffffff; color: #000000; border-radius: 5px;
								  text-decoration: none; border: 1px solid #AAAAAA;}
.correct-edit .classify-new a:hover{background-color:#f2f2f2;}

.correct-edit .classify-edit{margin: 0 auto; padding: 20px; width: 100%; border-bottom: 1px dashed #C7C7C7; box-sizing: border-box;}
.correct-edit .classify-edit:last-child{border-bottom: 0px dashed #C7C7C7;}
.correct-edit .classify-edit>div{width: 100%; padding: 5px 0; display: flex; justify-content: flex-start; box-sizing: border-box; }
.correct-edit .classify-edit>div p{margin: 0; padding: 4px 0 0 0; font-size: 1em; font-weight: bold;}
.correct-edit .classify-edit>div a{display: block; margin: 0 0 0 5px; padding: 2px 0; width: 60px; text-align: center; background-color: #ffffff; color: #000000; 
									border-radius: 5px; text-decoration: none; border: 1px solid #AAAAAA; }
.correct-edit .classify-edit>div a:hover{background-color:#f2f2f2;}
.correct-edit .classify-edit h4{margin: 0; padding: 0; line-height: 1.6; font-weight: bold;}

/*申論批閱-反應回報*/
.correct-reflection{margin: 20px 0; width: 100%; box-sizing: border-box; }
.correct-reflection .boxA{margin: 0; padding: 20px; width: 100%; border: 1px solid #e5e5e5; background-color: #f9f9f9; border-radius: 10px; box-sizing: border-box;}
.correct-reflection .boxA h4{margin: 0; padding: 0; font-size: 1.2em; color: #ff6600; font-weight: bold;}
.correct-reflection .boxA p{margin: 0; padding: 10px 0; line-height: 1.3; }
.correct-reflection .boxA input{appearance:none; -webkit-appearance:none;	margin: 0 0 15px 0;  width: 100%; border:1px solid #c1c1c1;
	display:block; font-size:15px; color:#4a617a; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;
	padding:5px; height:2.2em; border-radius: 5px; background-color: #ffffff; box-sizing: border-box;
}
.correct-reflection .boxA ul{width: 100%; display: flex; flex-direction: row; justify-content: space-between; box-sizing: border-box;}
.correct-reflection .boxA li:nth-child(1){width: 90%; }
.correct-reflection .boxA li:nth-child(2){width: 9.5%;}

.correct-reflection .boxB{margin: 10px 0; width: 100%; box-sizing: border-box; }
.correct-reflection .boxB ul{width: 100%;}
.correct-reflection .boxB li{padding: 15px 0; border-bottom: 1px dashed #D5D5D5; box-sizing: border-box;}
.correct-reflection .boxB li h4{margin: 0; padding: 0; color: #ff6600; line-height: 2; font-size: 16px; font-weight: bold;}
.correct-reflection .boxB li p{margin: 0; padding: 0 0 0 10px; font-size: 16px; line-height: 1.5;}

/*申論批閱-返回上一頁*/
.correct-backbtn{margin: 0 auto; width: 120px; height: 45px;	line-height: 45px;	font-size: 1.1em;	color: #ffffff;	text-align: center;	border-radius: 5px; background-color: #00d514; font-weight: bold; }
.correct-backbtn a{display: block; color: #ffffff; text-decoration: none; }

/*申論批閱-送出視窗按鈕*/
.correct-btn ul{margin: 20px 0 0 0; text-align: center;}
.correct-btn li{display:inline-block; padding: 5px 0;	width: 70px; font-size: 1em; color: #000000;
	text-align: center;	border-radius: 5px;	border: 1px solid #B0B0B0; background-color: #ffffff; box-sizing: border-box; }
.correct-btn li a{display: block; color: #000000; text-decoration: none; }
.correct-btn li:nth-child(1){border: 1px solid #00d514; color: #FFFFFF; background-color: #00d514; }
.correct-btn li:nth-child(1) a{color: #FFFFFF; }

/*申論批閱-上傳批改提問送出視窗01*/
.correct-popup01{margin: 0 auto; padding: 30px 20px; width: 500px; height: auto; background-color: #ffffff; display: flex; align-items: center; flex-wrap:wrap; border: 1px solid #C0C0C0; border-radius: 10px; box-sizing: border-box; }
.correct-popup01 .mainbox{margin: 0 auto; }
.correct-popup01 h3{margin: 0; font-size: 1.3em; text-align: center; color: #00d514; font-weight: bold; line-height: 1.5;}
.correct-popup01 p{margin: 0; padding: 5px 0; font-size: 16px; text-align: center; color:#ff6600; }
.correct-popup01 .radio{margin: 10px auto; }
.correct-popup01 .radio ul{padding: 20px 0; border-top: 1px dashed #C0C0C0; border-bottom: 1px dashed #C0C0C0; overflow: hidden; box-sizing: border-box; }
.correct-popup01 .radio li{font-size: 15px; line-height: 1.8; }
.correct-popup01 .radio li div{float: left;}
.correct-popup01 .radio li .left{width: 5%;}
.correct-popup01 .radio li .right{width: 95%;}

/*申論批閱-送出視窗02*/
.correct-popup02{margin: 0 auto; padding: 0 20px; width: 500px; height: 320px; background-color: #ffffff; display: flex; align-items: center; border: 1px solid #C0C0C0; border-radius: 10px; box-sizing: border-box;}
.correct-popup02 .mainbox{width: 100%; margin: 0 auto;}
.correct-popup02 .mainbox h4{margin: 0; padding: 0; font-size: 15px; line-height: 1.5; font-weight: bold;}
.correct-popup02 .starscore{width: 100%; padding: 10px 0; display: flex; box-sizing: border-box;}
.correct-popup02 .starscore ul{display: flex; align-items: center;}
.correct-popup02 .starscore ul li:last-child{width: auto;}
.correct-popup02 .starscore ul a{margin: 0 10px 0 0; padding: 4px 0; color: #00d514;}
.correct-popup02 .starscore .clearStar{display: block; padding: 4px 0; width: 85px; text-align: center; background-color: #ffffff; color: #000000; border-radius: 5px; text-decoration: none; border: 1px solid #AAAAAA; box-sizing: border-box;}
.correct-popup02 .starscore .clearStar:hover{background-color:#f2f2f2;}
.correct-popup02 .mainbox textarea{margin: 10px 0 0 0; padding: 5px; width:100%; height: 80px; font-size:15px; color:#4a617a; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;  border:1px solid #ebebeb; border-radius: 5px; background-color: #f9f9f9; box-sizing: border-box; }

/*諮詢回應提報表單-輸入關鍵字*/
.consultation-form-ky{margin: 10px 0; padding: 10px; width: 100%; background-color: #f9f9f9; border: 1px solid #ebebeb; display: flex; flex-direction: row;
	flex-wrap:wrap; box-sizing: border-box; font-size: 15px; }
.consultation-form-ky div{display: inline-block; margin: 0 2px 2px 0; padding: 5px 10px; background-color: #929292; color: #FFFFFF; border-radius: 5px; box-sizing: border-box; }
.consultation-form-ky div a{text-decoration: none; color: #FFFFFF;}

/*申論批閱-送出視窗03*/
.correct-popup03{margin: 0 auto; padding: 20px; width: 500px; height: 300px; background-color: #ffffff; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; border: 1px solid #C0C0C0; border-radius: 10px; box-sizing: border-box;}
.correct-popup03 .mainbox{width: 100%; font-size: 15px;}
.correct-popup03 .selectname{clear: both; float: left; width: 10%; margin: 5px 0; padding: 10px 0; box-sizing: border-box;}
.correct-popup03 .selectmain{float: right; width: 90%; margin: 5px 0;}
.correct-popup03 .selectmain select{margin:0; padding: 5px; outline:none; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;
	border:1px solid #CCC; width:100%; height:40px; font-size:1em; color:#333; border-radius: 5px; background-color: #f9f9f9; box-sizing: border-box;}

/*申論批閱-送出視窗刪除分類確認04*/
.correct-popup04{margin: 0 auto; width: 500px; height: 250px; background-color: #ffffff; display: flex; align-items: center; flex-wrap:wrap; border: 1px solid #C0C0C0; border-radius: 10px;}
.correct-popup04 .mainbox{margin: 0 auto; text-align: center;}
.correct-popup04 h3{margin: 0; padding: 0 0 10px 0; font-size: 1.3em; color: #00d514; }


/*批改練習挑戰(list)*/
.practice{margin: 0 auto; width: 100%;}
.practice h2.ptitle1{float: left; padding: 20px 0; font-size: 1.1em; font-weight: bold;}
.practice h2.ptitle2{padding: 20px 0 0 0; font-size: 1.1em; font-weight: bold; }
.practice ul{width: 100%; display: flex; flex-wrap: wrap;}
.practice li{width:31%; display: flex; flex-flow: column; justify-content: space-between;margin:20px calc((100% - 93%)/6);}
.practice .main{height:100%; padding: 25px; border: 1px solid #0096ff; border-radius: 10px 10px 0 0;}
.practice .main h3{margin: 0; width:100%; overflow: hidden; text-overflow: ellipsis; white-space : nowrap; font-size: 1.2em; color: #0096ff; font-weight: bold;}
.practice .main p{padding: 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5;}
.practice .way {width: 100%; display: flex; flex-wrap: wrap; }
.practice .way span{margin: 2px; padding: 5px; background-color: #eeeeee; width:42%; font-size: 0.9em; text-align: center; }
.practice .main h5{padding: 10px 0 0 0; color: #ff6600; font-weight: bold;}
.practice .bt{padding: 20px; background-color: #0096ff; border-radius: 0 0 10px 10px; text-align: center;}
.practice .bt h4{margin: 0 auto;}
.practice .bt h4 a{	display: block; margin: 0 auto; padding: 7px 5px; width: 72%; background-color: #ffffff; border-radius: 50px; font-size: 1.3em; text-decoration: none; color: #0096ff; font-weight: bold;}
.practice .bt h4 a:hover{background-color: #d8efff; transition: .20s linear; }
.practice .bt p{margin:10px 0 0; font-weight: bold; color: #d8efff;}

/*批改練習挑戰*/
.practice-form{margin: 0; padding: 0 0 40px 0; width: 100%; border: 1px solid #cccccc; border-radius: 10px; box-sizing: border-box;}
.practice-form .box01{padding: 40px; background-color: #f9f9f9; border-radius: 10px 10px 0 0;}
.practice-form .box01 h2{margin: 0 0 20px; padding: 8px 4px; width: 160px; border-radius: 50px; background-color: #ff6600;	font-size: 1.2em; color:#ffffff; text-align: center; font-weight: bold; }
.practice-form .box01 li{margin: 5px 0; display: flex; justify-content: flex-start; line-height: 1.6; }
.practice-form .box01 li a{	display: block; margin: 0 5px; padding: 2px 0; width: 80px; background-color:#4a617a; border-radius: 5px; text-align: center;  line-height: 1.6; color: #fff; text-decoration: none; }
.practice-form .box01 li a:hover{background-color:#68717c;}
.practice-form .box01 h3{padding: 20px 0; font-size: 1.1em; color: #00d514; line-height: 1.6; font-weight: bold;}
.practice-form .box01 p{line-height: 1.6; color: #333333;}
.practice-form .box01 .desc{margin: 20px 0 0; padding: 20px; background-color: rgba(238,238,238,1); border-radius: 8px; line-height: 1.6; color: #333333;}
.practice-form .box01 .pic{text-align: center;}
.practice-form .box01 .pic img{margin: 20px 10px; }
.practice-form .box02{padding: 40px 40px 15px 40px;}
.practice-form .box02 label{line-height:2; font-size: 16px; color:#333333; }
.practice-form .box02 textarea{	padding: 5px; width: 100%; height: 180px; outline:none; border:1px solid #cccccc; background-color:#f9f9f9;	font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size: 16px; color:#4a617a; line-height: 1.3;	box-sizing: border-box; }
.practice-form .box02 p{margin:0 0 20px 0; line-height: 1.6; }

.practice-form .box03{padding: 0 40px;}
.practice-form .box03 label{line-height:2; font-size: 16px; color:#333333; }
.practice-form .box03 select{margin: 10px 0 0 0; padding: 10px 5px; width:100%; outline:none; border:1px solid #cccccc; background-color:#f9f9f9; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size: 16px; }
.practice-form .box03 .moreinfo{padding: 10px 0;}
.practice-form .box03 .moreinfo h3{padding: 10px 0; font-size: 16px; color: #ff6600;}
.practice-form .box03 .moreinfo p{margin: 0; padding: 0; line-height: 1.8;}
.practice-form .box03 .reserve{width: 100%; box-sizing: border-box;}
.practice-form .box03 .reserve h4{padding: 10px 0; font-size: 16px; color: #0096ff; font-weight: bold;}

.practice-form .box03 .reserve .time{margin:0 0 15px 0 ; padding: 15px; width: 100%; background-color: #fff; border: 1px solid #cccccc; box-sizing: border-box; }
.practice-form .box03 .reserve .time p{margin: 0; padding: 0 0 10px 2px; font-size: 1.1em; font-weight: bold; color: #4a5158; }
.practice-form .box03 .reserve .time ul{width: 100%; display: flex; flex-wrap: wrap; justify-content:flex-start; }
.practice-form .box03 .reserve .time ul li{margin: 2px; width: 15.5%; height: 40px; line-height: 40px; background-color: #eeeeee; color: #000000; text-align: center; border-radius: 5px;}
.practice-form .box03 .reserve .time ul li a{display: block; height: 40px; background-color: #0096ff; color: #ffffff; border-radius: 5px; text-decoration: none;}
.practice-form .box03 .reserve .time ul li a.reserved{background-color: #003051;}

/*送出視窗01-獎項燈箱*/
.practice-award{margin: 0 auto; padding: 30px; width: 500px; height: auto; background-color: #ffffff; border: 1px solid #C0C0C0; border-radius: 10px; box-sizing: border-box;}
.practice-award .mainbox{margin: 0 auto;}
.practice-award h3{margin: 0; font-size: 1.2em; line-height: 1.6; text-align: center; color: #00d514; font-weight: bold; }
.practice-award dl{margin: 15px 0; padding: 0 0 5px 0; border-bottom: 1px dashed #cccccc; line-height: 1.2; box-sizing: border-box;}
.practice-award dl dt{padding: 0 0 5px 0; font-size: 1.1em; color:#ff6600; font-weight: bold;}
.practice-award dl dd{margin: 0; padding: 5px 0; font-size: 1.1em; box-sizing: border-box; }
.practice-award dl dd span{color: #0096ff;}
.practice-award p{margin: 0; padding: 0; }

/*按鈕*/
.practice-form .advisory{width:100%; margin: 20px auto; text-align:center;}
.practice-form .advisory li{display:inline-block;}
.practice-form .advisory li:first-child a{border:1px solid #00d514; background-color:#00d514; color:#FFF;}
.practice-form .advisory a{	display:block; width:85px; height:40px; border-radius: 5px; border:1px solid #b0b0b0; line-height:40px; color: #68717c; text-decoration: none; transition:.5s; }
.practice-form .advisory a:hover{background-color:#f9f9f9; color:#68717c;}

/*批改練習挑戰題目*/
.practice-topic{margin: 20px 0 0; padding: 30px 40px; background-color: #f9f9f9; border-bottom: 1px dashed #C4C4C4; box-sizing: border-box; }
.practice-topic .box01 .main{margin: 0 0 20px; overflow: hidden;}
.practice-topic .box01 .left{float: left; box-sizing: border-box;}
.practice-topic .box01 .left li{margin: 5px 0; display: flex; justify-content: flex-start; line-height: 1.6; }
.practice-topic .box01 .left li a{margin: 0 5px; padding: 2px 0; width: 80px; background-color:#4a617a; border-radius: 5px; text-align: center;  line-height: 1.6; color: #fff; text-decoration: none; box-sizing: border-box; }
.practice-topic .box01 .left li a:hover{background-color:#68717c;}
.practice-topic .box01 .right{float: right; width: 140px; border-radius: 10px; box-sizing: border-box; }
.practice-topic .box01 .right i{display: flex; height: 100px; background-color:#FF6600; border-radius: 10px 10px 0 0; color: #FFFFFF; font-size: 4.5em; align-items: center; justify-content: center; }
.practice-topic .box01 .right h2{margin: 0; padding: 6px 0; border-radius: 0 0 10px 10px; border: 1px solid #FF6600; font-size: 1.1em; text-align: center; color: #FF6600; font-weight: bold; box-sizing: border-box;}
.practice-topic .box01 h3{clear: both; display: block; font-size: 1.2em; color: #00d514; font-weight: bold; line-height: 1.6;}
.practice-topic .box01 p{padding: 10px 0; line-height: 1.6; color: #333333;}
.practice-topic .box01 .pic {text-align: center;}
.practice-topic .box01 .pic img {margin: 15px 10px; }
.practice-topic .image ul{display: flex; flex-direction:row; flex-wrap: wrap;  margin: 10px 0; }
.practice-topic .image li{margin: 0 5px 5px 0; width: 100px; height: 100px; border: 1px solid #D5D5D5; overflow: hidden;}
.practice-topic .image li a{display: block; }

/*20200818申閱批改修改*/
.more-practice{margin: 15px 0; float: right; width: 150px; height: 40px; line-height: 40px; background-color: #ff6600; border-radius: 20px; color: #FFFFFF; text-align: center;}
.more-practice a{display: block; width: 150px; height: 40px; text-decoration: none; color: #FFFFFF;}
.info-practice{margin: 10px 0 0 0; width: 100%;}
.info-practice p{margin: 0; padding: 0; line-height: 1.6;}
.practice-search{clear: both; display: flex; justify-content: space-between; margin: 15px 0;}
.practice-search div{width: 30%;}
.practice-search div:nth-child(4){width: 8%; height:40px; line-height: 40px; background-color: #4a5158; border-radius: 10px; text-align: center; color: #FFFFFF; }
.practice-search div:nth-child(4) a{display: block; text-decoration: none; color: #FFFFFF;}
.practice-search select{margin:0; padding:5px; outline:none; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;
	border:1px solid #CCC; width:100%; height:40px; font-size:1em; color:#333; border-radius: 5px; background-color: #f9f9f9;}

/*==============================================行動裝置選單(手機)========================================*/						  
@media screen and ( max-width:1023px ){

.wrap_correct main {padding: 10px 0 20px 0; width: 100%; margin: 0 auto; box-sizing: border-box; font-size: 15px; }
/*標題*/
.wrap_correct .content .title{	margin:0 2%; padding:0 10px; width: 96%; }
.content .title h1{font-size:1.2em; }
	
/*註冊登入*/
.wrap_correct main .login{margin: 0 2%; padding: 10px 0 15px 0; width: 96%; text-align: right; color: #4a5158; box-sizing: border-box; }
	
.overflowx{overflow-x: auto;}/*表格左右滑動*/
	
/*點數選單20200114更新*/
.point {margin:0 2% 10px 2%; padding: 10px 0; border-bottom:1px dashed #ccc; overflow: hidden;}
.point-menu{float: none; margin: 0; width: 100%; }
.point-menu ul{display: flex; flex-direction:row; justify-content: flex-start;}
.point-menu li{border-right: 1px solid #D8D8D8; width: 33%; text-align: center; color: #000000; }
.point-menu li a{display: block; text-decoration: none; color: #000000; }
.point-menu li a:hover{background-color: #DDDDDD;}
.point-menu li.active{color: #FFFFFF; background-color: #ff6600;}

.point-total{float: none; padding: 10px 0 0 0;}
.point-total p{margin: 0; padding: 0; color: #ff6600;}
.point-total p span{font-weight: bold;}

/*頁碼*/
.content .page{margin:20px auto; padding:0; width:100%; text-align:center;}
.content .page ul{margin:0 auto; padding:0; width:100%; text-align:center; }
.content .page li{display:inline-block; font-size:14px; color:#acacac; }

/*頁碼在本頁的顯示狀態*/
.content .page li.in{margin:0; padding:5px 10px; font-size:14px; color:#FFF; border:1px solid #4a5158; background-color:#4a5158;}
.content .page li a{text-decoration:none; padding:5px 10px; font-size:14px; color:#acacac; border:1px solid #e5e5e5;}
.content .page li a:hover{color:#FFF; background-color:#00d514; border:1px solid #00d514;}

/*諮詢回應提報表單-選擇上傳圖片檔案*/
.correct-form-img{margin: 10px 0;}
.correct-form-img .updata{}
.correct-form-img .updata div{padding: 5px; width: 100px; border-radius: 5px; text-align: center;  }
.correct-form-img .updata div a{display: block; text-decoration: none; }
.correct-form-img .updata p{font-size: 14px; }
.correct-form-img ul{display: flex; flex-direction:row; margin: 10px 0; flex-wrap: wrap; }
.correct-form-img li{display: block; margin: 0 5px 5px 0; width: 100px; height: 100px; position: relative; overflow: hidden; flex-wrap:wrap; }
.correct-form-img li a{position: absolute; top: 0; right: 0; width: 25px; height: 25px; }

/*使用說明*/
.correct-info{clear: both; margin: 0; padding: 0 2%; width: 100%; }
.correct-info h3{padding: 0 0 10px 0; font-size: 1.1em; color: #4a5158;}
.correct-info p{margin: 0; padding: 10px 0; font-size: 1.1em; font-weight: bold; }
.correct-info ol{margin: 0; padding: 0 0 0 20px; list-style: disc ;}
.correct-info li{padding: 0 0 5px 0; font-size: 1em; color:#000000; line-height: 1.6; }
	
/*批閱-列表*/
.correct-qa{margin: 20px 0 0 0; padding: 0 2%; width: 100%; }
.correct-qa h3{margin: 0 0 10px 0; font-size: 1em; color: #00d514; }
.correct-qa h4{margin: 20px 0; font-weight: normal;}
.correct-qa h4 select{
	margin:0 10px; padding:0 5px; outline:none;
    font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif;
	border:1px solid #CCC;
	width:50%; height:32px;
    font-size:1em; color:#333;
}
.correct-qa .btn{width: 100px ; height: 42px; line-height: 42px; font-size:1em; color: #FFFFFF; text-align: center; background-color: #00d514; border-radius: 5px;  }
.correct-qa .btn a{display: block; text-decoration: none; color: #FFFFFF; }
.correct-qa .text{margin: 10px 0; padding: 0; text-align: left; font-size: 14px; color: #666666;}
.correct-qa dl{}
.correct-qa dt{display: block; width: 100%; padding: 10px; font-size: 1em; color: #0096ff; background-color: #f9f9f9; border-bottom: 1px dashed #C4C4C4;}
.correct-qa dt a{color: #0096ff; }
.correct-qa dt a:hover{text-decoration: none;}
.correct-qa dd{margin: 0 ; padding: 10px; }
.correct-qa dd p{margin: 0; padding: 0; font-size: 1em; color: #000000; line-height: 1.5; }
.correct-qa dd p:nth-child(1){color: #666666;}
.correct-qa dd p a{color: #000000;}
.correct-qa dd p a:hover{text-decoration: none; color: #ff6600;}
	
/*上傳新批閱*/
.correct-form{margin: 0 2%; width: 96%;}
.correct-form .box01{padding:15px;}
.correct-form .box02{padding:15px;}
.correct-form .box01 label.title{font-size: 18px; }
.correct-form .box01 label{font-size: 15px; }


/*申論批閱-提問*/
.correct-questions .image li{margin: 0 5px 5px 0; width: 90px; height: 90px; }

/*提問回答-已批閱01*/
.correct-replied01{margin: 0 2%; padding: 0 0 15px 0; width: 96%; border: 1px solid #00d514; border-radius: 15px; }
.correct-replied01>div{font-size: 15px; box-sizing: border-box; }
.correct-replied01 .image li{width: 90px; height: 90px;}
.correct-replied01 ul{flex-wrap: wrap;}
.correct-replied01 .sound li{margin: 0 5px 5px 0; width: 90px; height: 90px;}
	
/*提問回答-尚未批閱02*/
.correct-replied02{margin: 0 2%; width: 96%; }
.correct-replied02>div{font-size: 15px;}
.correct-replied02>div p{margin: 0; padding: 0; }
	
/*提問回答-已退回03*/
.correct-replied03{margin: 0 2%; padding: 0 0 15px 0; width: 96%; border: 1px solid #00d514; border-radius: 15px;}
.correct-replied03>div{font-size: 15px;}

/*提問回答-已批閱01 影音*/
.correct-replied01 .sound-box{padding: 10px 0;}

/*申論批閱-回應分類編輯區*/
.correct-edit{margin: 30px 2%; width: 96%; box-sizing: border-box;}

/*申論批閱-反應回報*/
.correct-reflection{margin: 20px 2%; width: 96%; box-sizing: border-box; }
.correct-reflection .boxA li:nth-child(1){width: 80%; }
.correct-reflection .boxA li:nth-child(2){width: 19%;}
.correct-reflection .boxB li h4{line-height: 1.8; font-size: 15px;}
.correct-reflection .boxB li p{font-size: 15px;}

/*申論批閱-返回上一頁*/
.correct-backbtn{margin: 10px auto; font-size: 1em; color: #ffffff;	}
	
/*申論批閱-送出視窗按鈕*/
.correct-btn ul{margin: 20px 0 0 0;}
.correct-btn li{display:inline-block; padding: 5px 0;	width: 70px; font-size: 1em; color: #000000;
	text-align: center;	border-radius: 5px;	border: 1px solid #B0B0B0; background-color: #ffffff; }
.correct-btn li a{display: block; color: #000000; text-decoration: none; }
.correct-btn li:nth-child(1){border: 1px solid #00d514; color: #FFFFFF; background-color: #00d514; }
.correct-btn li:nth-child(1) a{color: #FFFFFF; }
	
/*申論批閱-上傳批改提問送出視窗01*/
.correct-popup01{margin: 2%; padding:30px 20px; width: 96%; height: auto; }
.correct-popup01 .radio ul{padding: 15px 0; }
.correct-popup01 .radio li{font-size: 15px; line-height: 1.7; }
.correct-popup01 .radio li .left{width: 8%;}
.correct-popup01 .radio li .right{width: 92%;}
	
/*申論批閱-送出視窗02*/
.correct-popup02{margin: 2%; padding: 0 20px; width: 96%; height: 320px; }
/*諮詢回應提報表單-輸入關鍵字*/
.consultation-form-ky{margin: 10px 0; padding: 10px; width: 100%; display: flex; flex-direction: row;
	flex-wrap:wrap;}
.consultation-form-ky div{display: inline-block; margin: 0 2px 2px 0; padding: 5px 10px; }

/*申論批閱-送出視窗03*/
.correct-popup03{margin: 2%; padding: 20px; width: 96%; height: 320px; }
.correct-popup03 .selectname{width: 13%;}
.correct-popup03 .selectmain{width: 87%;}

/*申論批閱-刪除分類確認*/
.correct-popup04{margin: 2%; width: 96%; height: 250px;}
.correct-popup04 .mainbox{margin: 0 auto; text-align: center;}
.correct-popup04 h3{margin: 0; padding: 0 0 10px 0; font-size: 1.3em; color: #00d514; }
	

/*批改練習挑戰*/
.practice{margin: 0 2%; width: 96%;}
.practice h2.ptitle1{padding: 10px 0;}
.practice h2.ptitle2{padding: 10px 0;}
.practice ul{flex-wrap: wrap; }
.practice li{margin: 0 0 15px 0; width: 100%;}
.practice .way {width: 100%; display: flex; flex-wrap: wrap; }
.practice .way span{margin: 2px; padding: 5px; background-color: #eeeeee; width:44%; font-size: 0.9em; text-align: center; }
	
/*批改練習挑戰*/
.practice-form{margin: 0 2%; padding: 0 0 20px 0; width: 96%;}
.practice-form .box01{padding: 20px 15px;}
.practice-form .box01 h2{margin: 0 0 10px; padding: 4px; width: 160px; font-size: 1.1em; }
.practice-form .box01 li{margin: 5px 0; display: flex; justify-content: flex-start; line-height: 1.5; }
.practice-form .box01 h3{padding: 15px 0 0 0; font-size: 1.1em; color: #00d514;}
.practice-form .box01 .desc{margin: 10px 0 0; padding: 15px;}
.practice-form .box01 .pic{text-align: center;}
.practice-form .box01 .pic img{margin: 10px; }
	
.practice-form .box02{padding: 15px;}
.practice-form .box02 p{margin:0 0 15px 0; }
	
.practice-form .box03{padding: 0 15px;}
.practice-form .box03 label{line-height: 2; font-size: 15px; color:#333333; }
.practice-form .box03 select{font-size: 15px; }
.practice-form .box03 .moreinfo{padding: 10px 0;}
.practice-form .box03 .moreinfo h3{padding: 10px 0; font-size: 15px;}
.practice-form .box03 .moreinfo p{margin: 0; padding: 0 0 5px 0; line-height: 1.5;}
.practice-form .box03 .reserve h4{padding: 5px 0; font-size: 15px;}
.practice-form .box03 .reserve .time{margin:0 0 10px 0; padding: 10px; width: 100%; background-color: #fff; border: 1px solid #ebebeb; }
.practice-form .box03 .reserve .time p{margin: 0; padding: 0 0 10px 2px; font-size: 1em;  }
.practice-form .box03 .reserve .time ul{width: 100%; display: flex; flex-wrap: wrap; justify-content:flex-start; }
.practice-form .box03 .reserve .time ul li{margin: 2px; width: 32%; height: 40px; line-height: 40px; }
	
/*獎項燈箱*/
.practice-award{margin: 2%; padding: 30px; width: 96%; height: auto; }
.practice-award .mainbox{margin: 0 auto;}
.practice-award h3{margin: 0; font-size: 1.3em; text-align: center; color: #00d514; }
.practice-award dl{margin: 15px 0; padding: 0 0 5px 0; border-bottom: 1px dashed #cccccc;}
.practice-award dl dt{padding: 0 0 5px 0; font-size: 16px; color:#ff6600; font-weight: bold;}
.practice-award dl dd{margin: 0; padding: 5px 0; font-size: 1em; }
.practice-award p{margin: 0; padding: 0; }

/*按鈕*/
.practice-form .advisory{width:100%; margin: 20px auto; text-align:center; }
.practice-form .advisory li{display:inline-block;}
.practice-form .advisory li:first-child a{border:1px solid #00d514; background-color:#00d514; color:#FFF;}
.practice-form .advisory a{	display:block; width:85px; height:40px; border-radius: 5px; border:1px solid #b0b0b0; line-height:40px; color: #68717c; text-decoration: none; transition:.5s; }
.practice-form .advisory a:hover{background-color:#f9f9f9; color:#68717c;}
	
/*批改練習挑戰題目*/
.practice-topic{margin: 20px 2% 0 2%; padding: 20px 15px; width: 96%; box-sizing: border-box; }
.practice-topic .box01 .main{margin: 0 0 20px; overflow: hidden;}
.practice-topic .box01 .left{float: none;}
.practice-topic .box01 .right{float: none; margin: 0 auto; width: 120px; border-radius: 10px; box-sizing: border-box; }
.practice-topic .box01 .right i{height: 80px; font-size: 4em; }
.practice-topic .box01 .right h2{margin: 0; padding: 4px 0; font-size: 1em; }
.practice-topic .box01 h3{font-size: 1.1em;}

/*------------- 20200403結束 ----------------*/
	
/*20200818申閱批改修改=============================================*/
.more-practice{margin: 5px 0; }
.info-practice{margin: 5px 0 0 0; width: 100%;}
.info-practice p{margin: 0; padding: 0 0 0 14px; line-height: 1.5; text-indent: -14px;}
.practice-search{display: flex; justify-content: center; flex-wrap: wrap;}
.practice-search div{width: 100%; margin: 4px 0;}
.practice-search div:nth-child(4){width: 30%; height:40px; }

}

@media screen and (max-width:500px){
	.consultation-popup02{height: auto;padding:10px;}
	.consultation-popup02 .mainbox .starscore ul{flex-wrap: wrap;}
	.consultation-popup02 .mainbox .starscore li {width:12%;}
	.consultation-popup02 .mainbox .starscore ul li:last-child{margin-left:5px;}
	.consultation-popup02 .mainbox .starscore .clearStar{margin-right: 0;width: auto;padding:4px 6px;}
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}