@charset "utf-8";
/* CSS Document */
/*NEWS------------list----------------*/
.news_list_contentbox { margin:0px 5px 10px 5px; font-size: 14px; line-height:20px; font-weight: normal;
 color:#3d526c; padding:8px 2% 30px 2%; background-color: transparent; position:relative;
-webkit-box-shadow: 0px 3px  15px  #999999;
-moz-box-shadow: 0px 3px  15px  #999999;
box-shadow: 0px 3px  15px  #999999;
 }
.news_list_content { display:block; color: #3d526c; text-decoration: none;}
.news_list_content a:link{ clear:both; display:block; color: #3d526c; text-decoration: none; background-color: transparent;  border-bottom: 1px solid #CCC; padding:6px 5px 4px 3px;}
.news_list_content a:hover {  text-decoration: none; color: #3d526c; background-color: #e9f0f6; border-bottom: 1px solid #CCC;} 
.news_list_content a:visited {  text-decoration: none;  border-bottom: 1px solid #CCC;} 

.news_list_content b{ display:block; color:#144ba8; font-size:16px; line-height:18px; font-weight: bold; margin-bottom:3px !important;}
.news_list_content i{ font-size:11px; color: #F60; font-weight:bold;}
.news_list_content span{ color: #3d526c; text-decoration: none; }
.news_list_content span.data{ display:block; text-align:right; font-size:11px; line-height:13px; font-weight:bold; margin:2px 0; color:#CCC; }

.news_list_content img{ width:90px; height:70px; float:left; margin-right:5px;}
/*NEWS------------content----------------*/
.news_contentbox { margin:0px 5px 10px 5px; font-size: 14px; line-height:20px; font-weight: normal;
 color:#3d526c; padding:10px 4% 15px 4%; background-color:#FFF; position:relative;
-webkit-box-shadow: 0px 3px  15px  #999999;
-moz-box-shadow: 0px 3px  15px  #999999;
box-shadow: 0px 3px  15px  #999999;
 }
.news_content { display:block; color: #3d526c; text-decoration: none;}

.news_content span.title01 {display:block; color:#144ba8; font-size:18px; line-height:26px; font-weight: bold; margin-bottom:5px !important;}
.news_content span.title02 {display:block; color:#ae997e; font-size:16px; line-height:26px; font-weight: bold; margin-bottom:5px !important;}

.news_content div.txtbox { padding:0px 0 10px 0; font-size: 16px; line-height:24px; }

.news_content div.ulikeBtn{ display:block; padding:5px 0; text-align:right; border-bottom:solid 1px #E4E4E4; border-top:solid 1px #E4E4E4; }
.news_content div.ulikeBtn_sec{ float:right; }


.news_content span.data{ display:block; font-size:13px; line-height:18px; font-weight:bold; margin:5px 0; color: #999; }

.news_content span.link{ text-align:left; font-size:14px; line-height:28px; font-weight:bold; margin:5px 0; color:#666; width:90%; display: ;}
.news_content span.link a:link { color:#999;  border:solid 1px #999999; padding:2px; margin-top:10px !important; }
.news_content span.link a:visited { color:#999;  border:solid 1px #999999; padding:2px; margin-top:10px !important; }
.news_content span.link a:hover { color:#fff; background-color:#666;  border:solid 1px #999999; padding:2px; margin-top:10px !important; }






/* 個人健診+企業健診+受檢者專區 CSS Document */

.check_content { display:block; color: #3d526c; text-decoration: none;}
.check_content div#index { width:100%; margin-top:10px !important; margin-bottom:15px !important; }
.check_content div#index img{ width:95%; border:0; max-width:400px;}

.check_content div#index a:link{ clear:both; display:block; text-decoration: none;  border:0; padding:0px;}
.check_content div#index a:hover {  text-decoration: none;  border:0;} 
.check_content div#index a:hover img { filter:alpha(opacity=50); -moz-opacity:0.5 ;opacity:0.5; -khtml-opacity: 0.5; }
.check_content div#index a:visited {  text-decoration: none; }




/*個人健診----企業健診GROUP--------content----------------*/
.personal_list table{ border:0 !important; }

.personal_list tr th{ font-size:14px; line-height:20px; text-align:center; background-color: #09F; padding:5px 5px 5px 5px; color:#FFF; }
.personal_list tr td{ font-size:14px; line-height:20px; border-bottom: 2px dotted #CCC; padding:0; }
.personal_list tr td div.p_link{line-height:20px; width:100%; height:40px; margin:0; }
.personal_list tr td span#p_name{ font-size:15px; line-height:20px; text-align:left; display:block; width:68%; padding:8px 0px; padding-left:2%; float:left;}
.personal_list tr td span#p_price{ font-size:14px; line-height:20px; text-align:center; display:block; width:30%; padding:8px 0px; float:left;}

.personal_list tr td a:link    { display:block; text-decoration: none; color: #3d526c;}
.personal_list tr td a:hover   {  text-decoration: none; color: #C00; background-color: #ED9; } 
.personal_list tr td a:visited {  text-decoration: none;  color: #3d526c;}


.content { display:block; color: #3d526c; text-decoration: none;}
/*.content span {font-size:15px !important; line-height:24px !important;}*/
.content span.title {display:block; color:#144ba8; font-size:18px; line-height:26px; font-weight: bold; margin:20px 0;}
.content span.title b{float:right; color: #F00; font-size:13px; line-height:26px; font-weight: normal;}
.content span.note { display:block; font-size:13px !important; line-height:16px !important; color:#ff0099; margin:8px 0 !important;}
.content div.txtbox { padding:0px 0 10px 0; font-size: 16px; line-height:24px; /*margin-top:15px;*/ }

.content span.step {display:block; color: #144BA8; font-weight: bold; font-size: 17px; line-height:22px; margin:0; height:70px;}
.content span.step img { width:70px; margin-left:5px; vertical-align: text-bottom;}



/*表單table----------------*/
.consult_title{ color:#FFF; font-weight:bold; line-height:30px; height:30px; background-image:url(../images/table_header_bg.png); background-repeat:no-repeat; background-size:130% 30px; margin:15px 0 0px 0; padding-left:5px; border-right:solid 1px #CCCCCC; border-top:solid 1px #CCCCCC;}
.consult_title b{float:right; color: #F00; font-size:13px; line-height:30px; font-weight: normal; margin-right:6px;}


.consult { width:100%; min-width:280px; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; }
.consult#booking { width:100%; min-width:280px; border:solid 1px #CCCCCC; background:#FFF;margin-top:10px !important; }

.consult tr th#col_1{ height:10px; min-width:100px; width:25%;}
.consult tr th#col_2{ height:10px; }

.consult tr td{ padding:6px 2px ; font-size:14px !important; line-height:20px;}	
.consult tr td span.space{ display:block; height:5px;}	

.consult tr td span#red{ color:#F00;}
.consult tr td h6{ font-size:15px; font-weight: normal; background-color:#EEEEEE; line-height:24px; height:24px; color:#144ba8; letter-spacing:5px; }

.consult tr td span#note1 {font-size:13px !important; line-height:19px !important; color:#ff0099; }
.consult tr td span#note {font-size:13px !important; line-height:19px !important; }
.consult tr td span#note a:link    {  text-decoration: underline; color:#ff0099;}
.consult tr td span#note a:hover   {  text-decoration: underline; color: #ff0099; } 
.consult tr td span#note a:visited {  text-decoration: underline;  color:#ff0099;}

.check_day {
  position: absolute;
  top: 0;
  left: 150px;
  width: 122px;
  height: 26px;
  background-image: url("../images/lianan_reservation_check_day_btn.jpg");
  background-repeat: no-repeat;
  display: block;
}

/*~~~~~~~~~~~~~隱私權政策~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.attention_top{ display: block; font-size: 14px; line-height:30px; font-weight:bold; text-align:center; color: #ffffff;
padding:0; margin: 0 auto 20px auto; min-height:30px; width:90%; 
/*漸層底色*/
background: #3399cc;
background: -moz-linear-gradient(top,  #1aa5e1 0%, #0764cb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1aa5e1), color-stop(100%,#0764cb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1aa5e1 0%,#0764cb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1aa5e1 0%,#0764cb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1aa5e1 0%,#0764cb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1aa5e1 0%,#0764cb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa5e1', endColorstr='#0764cb',GradientType=0 ); /* IE6-8 */
/*border-radius 圓角___同樣支援語法縮寫(左上10px/右上0/右下10px/左下0)*/
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
border: 0px solid #b85f00;
 }


/*------受檢者專區 ------- customer ---------------------*/
.customer_space{ height:30px; color:#1047ab; font-size:25px; line-height:30px; padding:20px 0;}
.customer_space span{ color:#a6c1e1; font-size:16px;}
 
.customer_contentbox span b{ color:#06F; font-weight:bold;}

.customer_login_box {
  clear: both;
  margin:20px auto 0px auto;
  padding-top: 70px;
  width: 290px;
  height: 200px;
  background-image: url("../images/lianan_customer_center_login_creditcard_bg.png");
  background-repeat: no-repeat;
  background-size:290px 252px;
}
.customer_login_box_s {
  clear: both;
  margin:20px auto 0px auto;
  padding-top: 70px;
  width: 290px;
  height: 150px;
  background-image: url("../images/lianan_customer_center_login_creditcard_bg_s.png");
  background-repeat: no-repeat;
  background-size:290px 165px;
}
.login_submit_btn {  width: 80px; margin: 10px auto 10px auto; }
.login_submit_btn input {border: 0; width: 80px; height: 27px; cursor: pointer;
  background-image: url("../images/login_btn_out.png"); background-repeat: no-repeat;}
.login_submit_btn input:hover { background-image: url("../images/login_btn_over.png");}

.print_submit_btn {  width: 80px; margin: 20px auto 20px auto; }
.print_submit_btn input {border: 0; width: 80px; height: 27px; cursor: pointer;
  background-image: url("../images/print_btn_out.png"); background-repeat: no-repeat;}
.print_submit_btn input:hover { background-image: url("../images/print_btn_over.png");}

.backhome_btn {  width: 120px; margin: 20px auto 20px auto; }
.backhome_btn input {border: 0; width: 120px; height: 27px; cursor: pointer;
  background-image: url("../images/backhome_btn_out.png"); background-repeat: no-repeat;}
.backhome_btn input:hover { background-image: url("../images/backhome_btn_over.png");}



.customer_login_warning{ clear: both; padding: 8px 15px; color: #ef238c; font-size: 12px;}
.customer_note{ font-size: 12px;}
.customer_note2{ font-size: 12px; color:#f90064; padding:5px 40px 5px 5px; margin-bottom:20px;}


.customer_list { /* border-top: 2px solid #CCC;*/}
.customer_list ul { margin-left:0; padding-left:0px; }
.customer_list ul li { font-size:15px; line-height:24px; /*list-style:square !important;*/  list-style-image:url(../images/content_list_icon.png) !important; list-style-position: inside; border-bottom: 2px dotted #CCC; padding:8px 5px 10px 10px;}
.customer_list ul li a:link    { text-decoration: none; color: #3d526c;}
.customer_list ul li a:hover   {  text-decoration: none; color: #C00;} 
.customer_list ul li a:visited {  text-decoration: none; } 


.customer_list_r { display:block; color: #3d526c; text-decoration: none; border-top: 2px dotted #CCC;}
.customer_list_r ul { }
.customer_list_r ul li {font-size:15px; line-height:24px; border-bottom: 2px dotted #CCC; padding:0 !important; margin:0 !important;}
.customer_list_r ul li a:link    {clear:both; display:block; text-decoration: none; color: #3d526c; background-color: #fff; padding:8px 5px 10px 10px; }
.customer_list_r ul li a:hover   { text-decoration: none; color: #C00; background-color: #ffecd9;} 
.customer_list_r ul li a:visited { text-decoration: none; } 







/*-----新聞報導----------------*/ 
.report_list_content { display:block; color: #3d526c; text-decoration: none; }
.report_list_content a:link{ clear:both; display:block; color: #3d526c; text-decoration: none; background-color: #fff;  border-bottom: 1px solid #CCC; padding:8px 5px 12px 5px;}
.report_list_content a:hover {  text-decoration: none; color: #3d526c; background-color: #e9f0f6; border-bottom: 1px solid #CCC;} 
.report_list_content a:visited {  text-decoration: none;  border-bottom: 1px solid #CCC;} 

.report_list_content b{ display:block; color:#144ba8; font-size:16px; line-height:20px; font-weight: bold; margin:5px; }
.report_list_content i{ font-size:11px; color: #F60; font-weight:bold;}
.report_list_content span{display:block; color: #3d526c; text-decoration: none; margin:5px; }
.report_list_content span.data{ display:block;  font-size:12px; line-height:13px; font-weight:bold; margin:5px 5px 10px 5px; color:#ae997e; }

.report_list_content div.news_img{ margin:0 10px 5px 5px; width:100px; height:80px; overflow:hidden; float:left; text-align:center; background-size:100px 80px; background-position:center; background-repeat:no-repeat; }
.report_list_content div.news_img img{ width:100px; height:80px;  }


.report_list_box { margin:0px 5px 10px 5px; font-size: 14px; line-height:20px; font-weight: normal; color:#3d526c; padding:8px 3% 30px 3%; background-color:#FFF; position:relative; background-image:url(../images/bg_p_check.jpg); background-repeat:no-repeat; background-size:100%;
-webkit-box-shadow: 0px 3px  15px  #999999;
-moz-box-shadow: 0px 3px  15px  #999999;
box-shadow: 0px 3px  15px  #999999;
text-align:left;
 }
.report_list {  border-top: 2px solid #CCC;}
.report_list ul { margin-left:0; padding-left:0px; }
.report_list ul li { font-size:18px; line-height:26px; /*list-style:square !important;*/  list-style-image:url(../images/content_list_icon.png) !important; list-style-position: inside; border-bottom: 2px dotted #CCC; padding:10px 5px 12px 20px;}

.report_list ul li a:link    { text-decoration: none; color: #3d526c;}
.report_list ul li a:hover   {  text-decoration: none; color: #C00;} 
.report_list ul li a:visited {  text-decoration: none; } 



.tvc_box{max-width:420px; max-height:315px; min-height:315px; width:90%; height:auto; margin:30px 0;}


.ureportLtClass{ clear:both; display:block; border-bottom:1px solid #43beff; width:100%; height:26px; margin-top:20px;}
.ureportLtClassTi,.ureportLtClassTi2{
float:left; padding-left:10px; width:116px; height:26px; letter-spacing:1px; display:block;
line-height:26px; font-style:normal; text-align:left; color:#fff !important; font-size:16px !important; font-family:"微軟正黑體";
background:url(../images/u_bg_label1.png) left top no-repeat;}
		
.ureportLtClassTi2{width:207px; background:url(../images/u_bg_label2.png) left top no-repeat;}

.uplay{width:246px; height:246px; position:absolute; background:url(../images/u_icon_play.png) center center no-repeat;}

	
.umoreBtn{ float:right; height:26px !important; line-height:26px; color:#0083d8; font-size:12px; 
padding:0 0 0 5px!important; background-color: transparent!important;  border:0!important; background-image:url(../images/li_icon.png)!important; 
background-position:0px 8px!important;  background-repeat:no-repeat!important;}	
.umoreBtn a{ height:26px !important;}
.umoreBtn a:link { color:#0083d8; text-decoration:none; height:26px !important;
padding:0 0 0 5px!important; background-color: transparent!important;  border:0!important;}	
.umoreBtn  a:hover { color: #F30; text-decoration:none; background-color: transparent!important; }




/*-----儀器設備 ----------------*/
.equipment_list { margin-top:0px; }

.wrapper_equipment_item { padding:0 !important; width:305px; margin:auto;}

.wrapper_equipment_item ul { padding-left:0;}
.wrapper_equipment_item ul li {
  float: left;
  display: block;
  width: 142px;
  height: 108px;
  background-color: #eaf0f7;
  position: relative;
  margin-right: 10px;
  margin-bottom: 20px;
  cursor: pointer;
  text-decoration: none;
} 
.wrapper_equipment_item ul li:hover {
  background-color: #2b5cb0;
}

.wrapper_equipment_item ul li img { width:130px; height:auto;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 5;
}
.wrapper_equipment_item ul li h5 {
  position: absolute;
  top: 70px;
  left: 0px;
  z-index: 8;
  width: 132px;
  min-height: 22px;
  line-height:22px;
  background-image: url("../images/lianan_medical_equipment_profile_all_equipment_title.png");
  background-size: 141px 40px;
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 15px;
  padding-left: 9px;
}


.equipmentpic_L{ width:100%; text-align:center;}
.equipmentpic_L img{ width:95%; max-width:320px; border:solid 8px #eaf0f7; margin:20px auto;}





/*醫護團隊 doctor_list------------list----------------*/
.doctor_list_content { display:block; color: #3d526c; text-decoration: none;  border-top: 1px solid #CCC; margin-top:5px;}
.doctor_list_content b{ font-size:16px; line-height:20px; font-weight: bold;  color:#144ba8; display:block; text-align:center; border-bottom: 1px solid #CCC;}
.doctor_list_content b a:link{  display:block; color:#144ba8; padding:10px 30px;  border-bottom: 1px solid #CCC; border: solid 0px #fff; text-decoration: none;}
.doctor_list_content b a:hover  { color: #144ba8; text-decoration: none; background-color:#e9f0f6; border: solid 0px #CCC; }


.doctor_list_content b#s_0 a:link{  display:block; padding:5px 30px;  color: #fff; text-decoration: none; background-color: #144ba8; border: solid 6px #CCC;}
.doctor_list_content b#s_0 a:hover  { color: #FF6; text-decoration: none; background-color: #144ba8; border: solid 6px #CCC; }
.doctor_list_content b#s_1 a:hover  { color: #fff; text-decoration: none; background-color: #8e643f; border: solid 6px #CCC; }
.doctor_list_content b#s_2 a:hover  { color: #fff; text-decoration: none; background-color: #00a7ff; border: solid 6px #CCC; }
.doctor_list_content b#s_3 a:hover  { color: #fff; text-decoration: none; background-color: #78d0ff; border: solid 6px #CCC; }
.doctor_list_content b#s_4 a:hover  { color: #fff; text-decoration: none; background-color: #bf5b5b; border: solid 6px #CCC; }
.doctor_list_content b#s_5 a:hover  { color: #fff; text-decoration: none; background-color: #fdd7e0; border: solid 6px #CCC; }
.doctor_list_content b#s_6 a:hover  { color: #fff; text-decoration: none; background-color: #ff7fc7; border: solid 6px #CCC; }
.doctor_list_content b#s_7 a:hover  { color: #fff; text-decoration: none; background-color: #03a1a3; border: solid 6px #CCC; }
.doctor_list_content b#s_8 a:hover  { color: #fff; text-decoration: none; background-color: #296acb; border: solid 6px #CCC; }
.doctor_list_content b#s_9 a:hover  { color: #fff; text-decoration: none; background-color: #7cd456; border: solid 6px #CCC; }

.doctor_list_content b a:visited {  text-decoration: none;  border: solid 6px #fff; color: #999;} 

.drpic_list { margin:20px auto 0 auto; width:270px; text-align:center !important;}

.drpic_item  {　text-align:center !important; width:135px; margin:0 auto; /*padding-left:10px;*/ float:left;}
.drpic_item span { display:block; text-align:left; } 
.drpic_item span#m_left { display:block; text-align:left; padding-left:0px; } 

.drpic_item span .drpic_title { width: 122px; height: 58px; line-height:18px; color: #ffffff; text-align:left; font-size: 14px; 
padding:5px 0 5px 5px; margin:0 0 10px 0;  background-image: url("../images/lianan_medical_equipment_profile_all_equipment_title.png"); background-size: 160px 50px; background-repeat: no-repeat;
  }
 
.drpic_item img { width: 115px; height: 184px; background-color: #fff; border:solid 6px #CCCCCC ; }
.drpic_item  a:link img{  text-decoration: none; background-color: #144ba8; border: solid 6px #CCCCCC;}
.drpic_item  a:hover  img { color: #FF6; text-decoration: none; background-color: #144ba8; border: solid 6px #144ba8; }




.drpic_L{ width:100%; text-align:center;}
.drpic_L img{ width:95%; max-width:320px; border:solid 8px #eaf0f7; margin:20px auto;}



/*------環境介紹 ------- environment ---------------------*/
.environment_box{ width:295px !important; height:323px !important; /*margin-left:5%;position: absolute;*/margin:0 auto; padding:0; background-image:url(../images/environment/lianan_map1.gif); background-repeat:no-repeat; background-size:295px 323px; overflow: auto;}

.e_icon{position:relative; float:left; width:20px; height:20px;}

.page_content table#environment{ width:96%; margin:20px auto 0 auto; background-color:#FFF;}
.page_content table#environment tr td{ font-size:15px; color: #5f768a; padding:5px; background-color:#FFF; border:0; font-weight:bold;}
.page_content table#environment tr td a:link    {clear:both; display:block; text-decoration: none; border:0; padding:5px; line-height:20px;}
.page_content table#environment tr td a:hover   { text-decoration: none;} 
.page_content table#environment tr td a:visited { text-decoration: none;} 


.page_content table#environment tr td#e_0 { font-size:12px; color: #5f768a; padding:5px; background-color:#fff; border:0;font-weight: normal; }

.page_content table#environment tr td#e_1 { color: #738731; background-color:#d8f087; }
.page_content table#environment tr td#e_1 a:link { padding:5px; color: #738731; background-color:#d8f087; }
.page_content table#environment tr td#e_1 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_2 { color: #fff; background-color:#87c4de; }
.page_content table#environment tr td#e_2 a:link { padding:5px; color: #fff; background-color:#87c4de; }
.page_content table#environment tr td#e_2 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_3 { color: #fff; background-color:#87abde; }
.page_content table#environment tr td#e_3 a:link { padding:5px; color: #fff; background-color:#87abde; }
.page_content table#environment tr td#e_3 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_4 { color: #44839e; background-color:#bedfed; }
.page_content table#environment tr td#e_4 a:link { padding:5px; color: #44839e; background-color:#bedfed; }
.page_content table#environment tr td#e_4 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_5 { color: #44839e; background-color:#bedfed; }
.page_content table#environment tr td#e_5 a:link { padding:5px; color: #44839e; background-color:#bedfed; }
.page_content table#environment tr td#e_5 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_6 { color: #bf7687; background-color:#ffd1d0; }
.page_content table#environment tr td#e_6 a:link { padding:5px; color: #bf7687; background-color:#ffd1d0; }
.page_content table#environment tr td#e_6 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_7 { color: #95973e; background-color:#d4d680; }
.page_content table#environment tr td#e_7 a:link { padding:5px; color: #95973e; background-color:#d4d680; }
.page_content table#environment tr td#e_7 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_8 { color: #30805d; background-color:#80e3b8;  }
.page_content table#environment tr td#e_8 a:link { padding:5px; color: #30805d; background-color:#80e3b8;  }
.page_content table#environment tr td#e_8 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_9 { color: #64979a; background-color:#c1e3d6;  }
.page_content table#environment tr td#e_9 a:link { padding:5px; color: #64979a; background-color:#c1e3d6;  }
.page_content table#environment tr td#e_9 a:hover { color:#333; background-color: #FC0; }


.page_content table#environment tr td#e_10 { color: #64979a; background-color:#c1e3d6;  }
.page_content table#environment tr td#e_10 a:link { padding:5px; color: #64979a; background-color:#c1e3d6;  }
.page_content table#environment tr td#e_10 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_11 { color: #64979a; background-color:#c1e3d6;  }
.page_content table#environment tr td#e_11 a:link { padding:5px; color: #64979a; background-color:#c1e3d6;  }
.page_content table#environment tr td#e_11 a:hover { color:#333; background-color: #FC0; }

.page_content table#environment tr td#e_12 { color: #fff; background-color:#87c4de;  }
.page_content table#environment tr td#e_12 a:link { padding:5px; color: #fff; background-color:#87c4de;  }
.page_content table#environment tr td#e_12 a:hover { color:#fff; background-color: #FC0; }


.e_note{position:relative; right:0px; float:right; min-width:80px; max-width:159px; width:30%; z-index:99;}





/*-----------------修改+登出 BTN---------------------------------------*/
.btnbox_customer{ display:block; height:40px;}


.btn_logout{font-family: 微軟正黑體, Arial, Helvetica, sans-serif; position: relative; top:0; float:right; width:40px; letter-spacing:-1px; font-size: 13px; line-height:26px; height:27px ; font-weight: normal;  text-align:center; color: #fff;
padding:0 !important; margin:0 0 0 5px; 
 
/*漸層底色*/ 
background: #3399cc;
background: -moz-linear-gradient(top,  #cfad80 0%, #85643d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfad80), color-stop(100%,#85643d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cfad80 0%,#85643d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cfad80 0%,#85643d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cfad80 0%,#85643d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cfad80 0%,#85643d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfad80', endColorstr='#85643d',GradientType=0 ); /* IE6-8 */
/*border-radius 圓角___同樣支援語法縮寫(左上10px/右上0/右下10px/左下0)*/
-moz-border-radius:10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 0;
 }
.btn_logout a { display:block;  color: #fff; text-decoration: none; padding:0 !important;}
.btn_logout a:hover {  color: #FF0; }


.btn_blue{font-family: 微軟正黑體, Arial, Helvetica, sans-serif; position: relative; top:0; float:right; width:90px; letter-spacing:-1px; font-size: 13px; line-height:26px; height:27px ; font-weight: normal;  text-align:center; color: #fff;
padding:0 !important; margin:0 0 0 0px; 
 
/*漸層底色*/ 
background: #3399cc;
background: -moz-linear-gradient(top,  #1aa5e1 0%, #0764cb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1aa5e1), color-stop(100%,#0764cb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1aa5e1 0%,#0764cb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1aa5e1 0%,#0764cb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1aa5e1 0%,#0764cb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1aa5e1 0%,#0764cb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa5e1', endColorstr='#0764cb',GradientType=0 ); /* IE6-8 */
/*border-radius 圓角___同樣支援語法縮寫(左上10px/右上0/右下10px/左下0)*/
-moz-border-radius:10px 10px 10px 10px; 
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 0;
 }
.btn_blue a { display:block;  color: #fff; text-decoration: none; padding:0 !important;}
.btn_blue a:hover {  color: #FF0; }


.datalist {
  position: absolute;
  background-color: white;
  border: 1px solid blue;
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-family: sans-serif;
  width: 350px;
  padding: 5px;
  max-height: 10rem;
  overflow-y: auto
  
}