@charset "utf-8";
/* CSS Document */ 

/* 外框 開始↓*/
/* 外框 結束↑*/
* {font-size:13px;
   font-family:Arial;
   }
a {
  color:#0060ba;
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
body {
  margin: 0px auto;
  }
.fl { float:left; }
.fr { float:right; }
.all {
  width:950px;
  margin: 0px auto;
  position:relative;
  z-index:1;
  margin-bottom:20px;
  }
.logo {
  width:125px;
  height:42px;
  display:block;
  color:#FFFFFF;
  background-image:url(../images/yes123_logo.gif);
  }
  
/* 外框 開始↓ */

.skin_up {
  height:5px;
  display:block;
  background-image:url(../images/skin_up.gif);
  }
.skin_middle {
  width:948px;
  display:block;
  padding:15px 0;
  border-left:1px solid #dedede;
  border-right:1px solid #dedede;
  overflow:hidden;
  }
.skin_down {
  height:5px;
  display:block;
  background-image:url(../images/skin_down.gif);
  }
/* 外框 結束↑*/

/* 公司title 開始↓*/
.company {
  margin-bottom:25px;
  height:45px;
  }
.company_logo {
  display:block;
  vertical-align:middle;
  margin:0 10px;
  }
.path {
  margin:0 0 10px 0;
  }
.company_logo img {
  border:0;
  }
.company_title {
  display:block;
  height:45px;
  line-height:45px;
  font-size:26px;
  font-family:"微軟正黑體";
  }
.company_title p {
  line-height:26px;
  }
.comp_pic {
  text-align:center;
  margin-bottom:20px;
  }
/* 公司title 結束↑*/

/* 職缺title 開始↓*/
.jobname {
  margin-left:20px;
  margin-bottom:20px;
  }
.jobname_title {
  display:block;
  font-size:26px;
  font-family:"微軟正黑體";
  }
.jobname_title span {
  font-size:16px;
  font-family:"微軟正黑體";
  }
.jobname_title p {
  line-height:26px;
  margin-top:5px;
  }
/* 職缺title 結束↑*/


/* 選單 開始↓*/
.menu {
  margin:0 auto;
  width:954px;
  height:41px;
  background-image:url(../images/menu_bg.gif);
  background-color:#000066;
  display:block;
  position:absolute;
  left: -2px;
  z-index:2;
  }
.boss_on {
  width:37px;
  height:45px;
  *height:36px !important;
  position:absolute;
  *position:relative !important;
  *right: -452px !important;
  *top: 2px !important;
  right: -37px;
  top: 2px;
  z-index:3;
  background-image:url(../images/icon_online.gif);
  }
.boss_off {
  width:37px;
  height:45px;
  position:absolute;
  *position:relative !important;
  *right: -452px !important;
  *top: 2px !important;
  right: -37px;
  top: 2px;
  z-index:3;
  background-image:url(../images/icon_offline.gif);
  }
.menu ul {
/*  list-style:none;*/
  padding-left:20px;
  }
.menu li {
  float:left;
  padding:0 10px;
  margin-top: 13px;
  border-right:1px solid #000000;
  }
.menu li:first-child{ 
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  padding-left:10px;
  }
.menu li a {
  color:#000000;
  }
.menu li a:hover {
  color:#000000;
  }
.menu li.btn {
  height:30px;
  width:230px;
  float:right;
  display:block;
  margin-top:6px;
  margin-right: 5px;
  text-decoration:none;
  border:0;
  }
.menu li btn a {
  height:30px;
  width:72px;
  display:block;
/*  line-height: 26px;*/
  text-decoration:none;
  border:0;
  }
.menu li btn a:hover {
  height:30px;
  width:72px;
  display:block;
/*  line-height: 26px;*/
  text-decoration:none;
  border:0;
  }
.menu li span {
  float:right;
  display:block;
  margin-right:3px;
  }
.shadows {
  width:948px;
  height:15px;
  display:block;
  padding-left:2px;
  *margin-top: 5px !important;
  margin-top: 40px;
  }
/* 選單 結束↑*/

/* 按鈕樣式 開始↓*/
.btn_y_72x30 {
  width:72px;
  height:30px;
  line-height: 26px;
  text-align:center;
  display:block;
  background-image:url(../images/btn_y_72x30.gif);
  }
a.btn_y_72x30 {
  width:72px;
  height:30px;
  text-align:center;
  color:#000000;
  display:block;
  background-image:url(../images/btn_y_72x30.gif);
  text-decoration:none;
  }
a:hover.btn_y_72x30 {
  background-image:url(../images/btn_y_72x30_a.gif);
  text-decoration:none;
  }
a.btn_w_72x30 {
  width:72px;
  height:30px;
  text-align:center;
  color:#000000;
  line-height:26px;
  display:block;
  background-image:url(../images/btn_w_72x30.gif);
  text-decoration:none;
  }
a:hover.btn_w_72x30 {
  background-image:url(../images/btn_w_72x30_a.gif);
  text-decoration:none;
  }
/* 按鈕樣式 結束↑*/

/*----------- 內容 開始↓-----------*/
.content {
  width:950px;
  display:block;
  *margin-top: 196px !important;
  margin-top: 98px;
  overflow:hidden;
  }
/*.con_up {
  width:950px;
  overflow:hidden;
  }*/
/* 左欄 開始↓*/
.left {
  width:640px;
  float:left;
  position:relative;
  }
h2 {
  font-size:20px;
  font-family:"微軟正黑體";
  font-weight:normal;
  line-height:22px;
  padding-left:13px;
  margin: 0 0 15px 0;
  display:block;
  border-left:4px solid #e40077;
  }
h2 img {
  margin-left:10px;
  }
.comp_detail {
  margin-bottom:40px;
  }
.comp_detail ul {
/*  list-style:none;*/
  margin:0;
  padding:0;
  }
.comp_detail li {
  margin-left:18px;;
  display:block;
  line-height:26px;
  overflow:hidden;
/*  clear:both;*/
  }
.comp_detail li span.tt {
  width:70px;
  float:left;
  text-align:right;
  }
.comp_detail li span.rr {
  width:550px;
  float:right;
  line-height:26px;
  text-align: justify;
  text-justify:inter-ideograph;
  }
.comp_detail li span.run {
  width:530px;
  float:right;
  line-height:28px;
  color:#000000;
  border:1px solid #0060ba;
  margin-top:10px;
  padding:0 10px;
  text-align: justify;
  text-justify:inter-ideograph;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
/*.comp_detail h2 {
  font-size:20px;
  font-family:"微軟正黑體";
  font-weight:normal;
  line-height:22px;
  padding-left:13px;
  margin: 0 0 15px 0;
  display:block;
  border-left:4px solid #e40077;
  }
  */
  
/*徵才特色li 開始↓*/
.comp_spec {
  margin-bottom:40px;
  overflow:hidden;
  }
.comp_spec ul {
/*  list-style:none;*/
  margin-left: 18px;
  padding:0;
  }
.comp_spec li {
  margin:0px 10px 10px 0px;
  display:block;
  float:left;
  line-height:26px;
  overflow:hidden;
  }
/*.comp_spec h2 {
  font-size:20px;
  font-family:"微軟正黑體";
  font-weight:normal;
  line-height:22px;
  padding-left:13px;
  margin: 0 0 15px 0;
  display:block;
  border-left:4px solid #e40077;
  }*/
.comp_spec li.specoff {
  width:190px;
  height:24px;
  color:#acacac;
  text-align:center;
  display:block;
  line-height:26px;
  background-image:url(../images/spec_off.gif);
  }
.comp_spec li.specoff a {
  width:190px;
  height:24px;
  color:#acacac;
  cursor:inherit;
  text-decoration:none;
  text-align:center;
  display:block;
  line-height:26px;
  background-image:url(../images/spec_off.gif);
  }
.comp_spec li.specon {
  width:190px;
  height:24px;
  color:#0060ba;
  text-align:center;
  display:block;
  line-height:24px;
  background-image:url(../images/spec_on.gif);
  }
.comp_spec li.specon a {
  display:block;
  text-decoration:none;
  }
.comp_spec li.specon a:hover {
  display:block;
  text-decoration:none;
  background-image:url(../images/spec_on2.gif);
  }
/*徵才特色li 結束↑ */

/*員工這麼說 開始↓*/
.pps {
  width:300px;
  height:120px;
  float:left;
  margin-left:18px;
  margin-bottom:15px;
  border:1px solid #cccccc;
  }
.pps img {
  width:70px;
  height:70px;
  display:block;
  float:left;
  margin:5px;
  background-image:url(../images/spec_off.gif);
  }
.ppid {
  width:210px;
  margin-left:83px;
  margin-bottom:5px;
  padding: 5px 0;
  line-height:16px;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
  }
.ppid a:hover {
  height:20px;
  }
.ppid3 {
  width:210px;
/*  margin-left:80px;
  margin-bottom:5px;*/
  padding: 5px 0;
  line-height:20px;
  font-weight:normal;
  color:#666666;
 /* border-bottom:1px solid #CCCCCC;*/
  }
.ppid3 a:hover {
  height:20px;
  }
.pptk {
  width:210px;
  line-height: 18px;
  margin-left:83px;
  }
.pptk a:hover{
  font-weight:normal;
  } 

.pptk3 {
  width:210px;
  line-height: 18px;
  margin-top:3px;
  margin-left:83px;
  margin-bottom:5px;
  color:#666666;
  }
.pptk3 a{
  font-weight:bold;
  }
  
.wpps {
  width:500px;
/*  height:70px;*/
  float:left;
/*  margin-left:18px;*/
  margin-bottom:15px;
  border:1px solid #cccccc;
  }
.wpps img {
  width:70px;
  height:70px;
  display:block;
  float:left;
  margin:5px;
  background-image:url(../images/spec_off.gif);
  }
.wppid {
  width:410px;
  margin-left:83px;
  margin-bottom:5px;
  padding: 5px 0;
  line-height:16px;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
  }
.wppid a:hover {
  height:20px;
  }
.wppid3 {
  width:410px;
/*  margin-left:80px;
  margin-bottom:5px;*/
  padding: 5px 0;
  line-height:20px;
  font-weight:normal;
  color:#666666;
 /* border-bottom:1px solid #CCCCCC;*/
  }
.wppid3 a:hover {
  height:20px;
  }
.wpptk {
  width:410px;
  line-height: 18px;
  margin: 8px 83px;
  }
.wpptk a:hover{
  font-weight:normal;
  } 

.wpptk3 {
  width:410px;
  line-height: 18px;
  margin-top:3px;
  margin-left:83px;
  margin-bottom:5px;
  color:#666666;
  }
.wpptk3 a{
  font-weight:bold;
  }

.wpptk4 {
  width:310px;
  line-height: 18px;
  margin-top:3px;
  margin-left:40px;
  margin-bottom:5px;
  color:#666666;
  }
.wpptk4 a{
  font-weight:bold;
  }
.wppid5 {
  width:410px;
  margin-left:40px;
  margin-bottom:5px;
  line-height:16px;
  font-weight:bold;
  }
.wppid5 a:hover {
  height:20px;
  }
.pptk2 {
  width:405px;
  line-height: 18px;
  margin-bottom:10px;
  margin-left:80px;
  overflow: hidden;
  border:1px solid #E4E4E4;
  background-color: #f3f3f3;
  border-top: 1px solid #E4E4E4;
  padding-left: 5px;
  padding-top: 5px;
  }
.pptk2 a:hover{
  font-weight:normal;
  }
.pptk2 img {
	margin: 0 0 5px;
	float:left;
	width:32px;
	height:32px;
  }
.pptk22 {
  width:410px;
  line-height: 18px;
  padding-top:10px;
  margin-bottom:10px;
  margin-left:83px;
  overflow: hidden;
  border-top:1px solid #E4E4E4;
  }
.pptk22 a:hover{
  font-weight:normal;
  }
.pptk22 img {
	margin: 0 0 5px;
	float:left;
	width:32px;
	height:32px;
  }
/*.pptk2 input {
  width:300px;
  height:20px;
  }*/
.cccaaa {
  position:relative;
  width:340px;
  float:left;
  margin-left:5px;
  }
.cccaaa input {
  color: #999999;
  font-size: 12px;
  padding-right: 30px;
  width: 97%;
  height:18px;
  }

.cccaaa img{
  display:block;
  position:absolute;
  right:-15px;
  top:2px;
  width:16px;
  height:16px;
  }
.cccaaa2 {
  position:relative;
  width:365px;
  float:left;
  margin-left:8px;
  margin-bottom:5px;
  }


.ppt
.pps2 {
  width:500px;
  float:left;
  margin-bottom:15px;
  border:1px solid #cccccc;
  }
.pps2 img {
  width:70px;
  height:70px;
  display:block;
  float:left;
  margin-right:10px;
  background-image:url(../images/spec_off.gif);
  }
.ppid2 {
  width:410px;
  margin-left:80px;
  margin-bottom:5px;
  padding: 5px 0;
  line-height:16px;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
  }
.ppid2 a:hover {
  height:20px;
  }

.comp_pps {
  margin-bottom:40px;
  overflow:hidden;
  }
.comp_pps ul {
/*  list-style:none;*/
  margin-left: 18px;
  padding:0;
  }
.comp_pps li {
  width:300px;
  margin:0px 10px 10px 0px;
  display:block;
  float:left;
  }
/*.comp_pps h2 {
  font-size:20px;
  font-family:"微軟正黑體";
  font-weight:normal;
  line-height:22px;
  padding-left:13px;
  margin: 0 0 15px 0;
  display:block;
  border-left:4px solid #e40077;
  }*/
.comp_pps li img {
  width:50px;
  height:50px;
  display:block;
  float:left;
  margin-right:10px;
  background-image:url(../images/spec_off.gif);
  }
.comp_pps li span {
  width:240px;
  float:right;
  font-weight:bold;
  display:block;
  }
.comp_pps li.ppid {
  height:20px;
  font-size:15px;
  }
.comp_pps li.ppid a:hover {
  height:20px;
  font-size:15px;
  }
.comp_pps li.pptk {
  font-size:15px;
  font-weight:normal;
  }
.comp_pps li.pptk a:hover{
  font-size:15px;
  font-weight:normal;
  }
/*.comp_pps li.specon {
  width:190px;
  height:24px;
  color:#0060ba;
  text-align:center;
  display:block;
  line-height:24px;
  background-image:url(../images/spec_on.gif);
  }
.comp_pps li.specon a {
  display:block;
  text-decoration:none;
  }
.comp_pps li.specon a:hover {
  display:block;
  text-decoration:none;
  background-image:url(../images/spec_on2.gif);
  }*/
/*員工這麼說 結束↑ */

.push {
/*  float:right;*/
  display:block;
  position:absolute;
  right:0px;
  top:0px;
  }
.push ul {
/*  list-style:none;*/
  margin:0;
  padding:0;
  }
.push li{
  float:right;
  display:block;
  margin:2px 0 0 3px;
  border:0;
  }
.push li a:hover{
  filter:alpha(opacity=70); /*IE*/
  -moz-opacity:0.70; /*FireFox*/ 
  opacity:0.70; /*Chrome, Opera, Safari*/
  }
.push img{
  border:0;  
  }

.push2 {
/*  float:right;*/
  display:block;
/*  margin-bottom:5px;*/
  }
.push2 ul {
/*  list-style:none;*/
  margin:0;
  padding:0;
  }
.push2 li{
  margin:2px 5px 0 0;
  }
  
.push3 {
  display:block;
  float:left;
  position:absolute;
  margin-left:110px;
  }
.push3 ul {
/*  list-style:none;*/
  margin:0;
  padding:0;
  }
.push3 li{
  float:left;
  margin:2px 5px 0 0;
  }
   
/* 左欄 結束↑*/


/* 右欄 開始↓*/
.right {
  width:220px;
  margin-right:18px;
  float:right;
  position:relative;
  }
.pitcure {
	display:block;
	height:218px;
	margin-bottom:10px;
	background-color:#d7d7d7;
	border:1px solid #d7d7d7;
  }
.pitcure img {
  position:relative;
  z-index:0;
  }
.pitcure .pages {
  display:block;
  color:#FFFFFF;
  position:relative;
  z-index:1;
  bottom:40px;
  width:218px;
  height:20px;
  line-height:20px;
  text-align:center;
  filter:alpha(opacity=30); /*IE*/
  -moz-opacity:0.30; /*FireFox*/ 
  opacity:0.30; /*Chrome, Opera, Safari*/
  }
.pitcure .pages li {
  display:block;
  color:#FFFFFF;
  width:18px;
  height:18px;
  line-height:18px;
  margin:0 1.8px 0 0;
  float:left;
  background-color:#333333;
  }
a.pitcure .pages li {
  display:block;
  font-color:#FFFFFF;
  width:18px;
  height:18px;
  line-height:18px;
  margin:0 3px 0 0;
  float:left;
  background-color:#333333;
  }
a:hover.pitcure .pages li {
  display:block;
  color:#FFFFFF;
  width:18px;
  height:18px;
  line-height:18px;
  margin:0 2px 0 0;
  float:left;
  background-color:#000000;
  }
.pitcure .tag {
  display:block;
  color:#FFFFFF;
  position:relative;
  z-index:1;
  bottom:40px;
  width:218px;
  height:20px;
  line-height:20px;
  text-align:center;
  background-color:#333333;
  filter:alpha(opacity=30); /*IE*/
  -moz-opacity:0.30; /*FireFox*/ 
  opacity:0.30; /*Chrome, Opera, Safari*/
  }
.moviebox {
	display:block;
	height:165px;
	margin-bottom:10px;
	background-color:#d7d7d7;
	border:1px solid #d7d7d7;
	background-image:url(../images/bg_movie.gif);
  }
.rightbox {
  width:194px;
  display:block;
  margin-bottom:10px;
  padding:12px;
  border-left:1px solid #d7d7d7;
  border-right:1px solid #d7d7d7;
  border-bottom:1px solid #d7d7d7;
  }
.rightbox h3 {
  margin:0;
  font-size:15px;
  font-weight:normal;
  }
.rightbox img {
  margin:0;
  float:right;
  }
.rightbox ul {
/*  list-style:none;*/
  padding:0 0 0 12px;
  margin: 10px 0 2px;
  }
.rightbox li {
  list-style-image:url(../images/arrow02.gif);
  list-style-position:outside;
  line-height:28px;
  }
.yrjob {
  border-top:1px solid #a47c5e;
  background-image:url(../images/bg_yrjob.gif);
  background-repeat:no-repeat;
  }
.tsjob {
  border-top:1px solid #e40077;
  background-image:url(../images/bg_tsjob.gif);
  background-repeat:no-repeat;
  }
.ovjob {
  border-top:1px solid #0060ba;
  background-image:url(../images/bg_ovjob.gif);
  background-repeat:no-repeat;
  }
  
/* 右欄 結束↑*/

/* 工作列表 開始↓*/
.job_list {
  width:948px;
  clear:both;
  position:relative;
  }
/*.job_list h2 {
  font-size:20px;
  font-family:"微軟正黑體";
  font-weight:normal;
  line-height:22px;
  padding-left:13px;
  margin: 0 0 15px 0;
  display:block;
  border-left:4px solid #e40077;
  }*/
.job_list_con {
  width:915px;
  margin:0 auto;
  }
.job_list input {
  float:left;
  padding:0;
  margin:8px 10px 0 0;
  display:block;
  }
.job_list_sel {
  width:915px;
  margin:0 auto;
  overflow:hidden;
  }
.selbar {
  margin-top:5px;
   }
.job_list_sel select {
  width:120px;
  height:20px;
  margin-left:10px;
  }
.job_list_sel span {
  width:72px;
  height:30px;
  }
.jbt {
  width:914px;
  height:18px;
  border:1px solid #dedede;
  background-color:#f4f4f4;
  margin-top: 9px;
  padding: 6px 0;
  }
.jbd {
  width:915px;
  overflow: hidden;
  padding:15px 0 10px 0;
  border-bottom:1px solid #dedede;
  }
.jbl {
/*  width:915px;
  height:20px;
  max-height:30px;
  padding:15px 0;
  border-bottom:1px solid #dedede;
  height: 30px;*/
  line-height: 28px;
  padding: 5px 0;
  overflow:hidden;
  border-bottom:1px solid #dedede;
  }
  
/*  摘要 開始↓ */
.job_list_det {
  width:915px;
  }
.job_list_det ul {
/*  list-style:none;*/
  margin:0;
  padding:0;
  }
.job_list_det li {
  float:left;
  display:block;
  }
.job_list_det li.date {
  width:58px;
  text-align:right;
  margin-right: 18px;
  }
.job_list_det li.date input {
  float:left;
  padding:0;
  margin:0px 10px 0 0;
  display:block;
  }
.job_list_det li:first-child {
  }
.job_list_det li:last-child {
  float:right;
  }
.job_list_det li.jobs {
  width: 570px;
  margin-right:40px;
  }
.job_list_det li.jobs span {
  float:left;
  display:block;
  margin-bottom:8px;
  clear:both;
    }
.job_list_det li.jobs span.t1 {
  font-weight:bold;
    }
.job_list_det li.jobs span.t2 {
  color:#000000;
    }
.job_list_det li.jobs span.t3 {
  color:#6f6f6f;
  line-height:20px;
    }
.job_list_det li.kind {
  width: 30px;
  margin-right:30px;
  }
.job_list_det li.area {
  text-align:center;
  width: 80px;
  margin-right:15px;
  *width:107px !important;
  }
/*  摘要 結束↑ */

/*  列表 開始↓ */
.job_list_det2 {
  width:915px;
  }
.job_list_det2 ul {
/*  list-style:none;*/
  margin:0;
  padding:0;
  }
.job_list_det2 li {
  float:left;
  display:block;
  }
.job_list_det2 li.date {
  width:55px;
  text-align:right;
  margin-right: 18px;
  }
.job_list_det2 li.date input {
  float:left;
  padding:0;
/*  margin:0px 10px 0 0;*/
  display:block;
  }
.job_list_det2 li:first-child {
  }
.job_list_det2 li:last-child {
  float:right;/*
  margin:0px;*/
  }
.job_list_det2 li.jobs {
  width:430px;
  margin-right:30px;
  }
.job_list_det2 li.jobs span {

  display:block;
    float:left;
/*  margin-bottom:8px;*/
  clear:both;
    }
.job_list_det2 li.jobs span.t1 {
  font-weight:bold;

    }
.job_list_det2 li.jobs span.t2 {
  color:#000000;
    }
.job_list_det2 li.jobs span.t3 {
  color:#6f6f6f;
  line-height:20px;
    }
.job_list_det2 li.kind {
  float:right;
  width: 30px;
  margin-right:30px;
  }
.job_list_det2 li.area {
  text-align:center;
  width: 80px;
  padding:0 10px;
  }
.job_list_det2 li.sch {
  text-align:center;
  float:left;
  padding:0 10px;
  width: 46px;
  }
/*  列表 結束↑ */


.job_list_nex {
  clear: both;
  display: block;
  font-weight:bold;
  line-height: 22px;
  margin: 15px 0;
  padding: 6px 0 0;
  text-align: center;
  width: 948px;
  }
.job_list_nex span {
  border: 1px solid #0060ba;
  color: #0060ba;
  margin: 0 1px;
  padding: 6px 10px;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #0060ba;
  color: #ffffff;
  background-color:#0060ba;
  }
.job_list_nex a {
  border: 1px solid #0060ba;
  color: #0060ba;
  margin: 0 1px;
  padding: 6px 10px;
  text-decoration: none;
  vertical-align: middle;
  }
.job_list_nex a:hover {
  border: 1px solid #0060ba;
  color: #ffffff;
  background-color:#0060ba;
  }
  
.change {
  position:absolute;
  top:5px;
  left:110px;
  }
/* 工作列表 結束↑*/

.new {
  font-size:12px;
  color:#FF0000;
  float:left;
  display:block;
  padding-left:3px;
  }
/*----------- 內容 結束↑-----------*/

.note {
  width:908px;
  border-top:1px solid #dedede;
  border-left:1px solid #dedede;
  border-right:1px solid #dedede;
  padding:20px;
  font-size:12px;
  line-height:20px;
  color:#9f9f9f;
  }
.note a {
  margin-left:10px;
  font-size:12px;
  }

/* 注記方塊 開始↓*/
.box {
  width:24px;
  display:block;
  padding:0px 3px;
  font-size:11px;
  color:#FF0000;
  border:1px solid #FF0000;
  }
.b24 {
  color:#FF0000;
  border:1px solid #FF0000;
  }
/* 注記方塊 結束↑*/