@import url("btn.css");

/***상품카테고리***/
#table_category {border-collapse:collapse; border-spacing:0xp; font-size:1.1em; width:100%;}
#table_category tr {text-align:center; height:35px;}
#table_category td {border-style:solid; border-width:1px; border-color:#919191; width:50%; text-align:left; padding-left:15px;}

.div_m_nav {position:relative; height:18px; width:145px; margin:auto; padding-top:10px;}
.div_m_nav .span_left {display:inline-block; height:18px; width:50px; margin:0px; float:left; text-align:left;}
.div_m_nav .span_text {display:inline-block; height:18px; width:15px; margin:0px; float:left;}
.div_m_nav .span_text2 {display:inline-block; height:18px; width:15px; margin:0px; float:left; color:#FF0000; font-weight:bold;}
.div_m_nav .span_right {display:inline-block; height:18px; width:50px; margin:0px; float:left; text-align:right;}

.select_type {padding:0px; height:25px; line-height:25px; background:#ffffff; text-align:center; font-size:10pt;}


.category_list {position:relative; border-bottom:1px solid #dedede; padding:15px 20px 15px 50px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer;}
.category_list2 {position:relative; padding:15px 20px 15px 50px; font-size:11pt; font-weight:bold;  background-size:28px;}
.cate_icon {position:absolute; left:10px; top:5px;}
.fc_red {color:#d11c1b;}

table.category {border-collapse:collapse; border-spacing:0px; width:100%; background:#f2f2f2;}
table.category tr {}
table.category td {border:1px solid #dedede; width:33%; padding:12px 0 12px 20px; text-align:left; cursor:pointer;}


/***상품 리스트***/
.product_list { position:relative; padding:6px 0 6px 6px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.product_list dl { float:left; margin:0; width:150px;  height:190px;padding:20px 10px; border-bottom:1px solid #e1e5e6 ;}
.product_list dt {  padding:0;  }
.product_list dt img { width:150px; height:150px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.product_list dd { padding-top:0px;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

.product_list { position:relative; padding:6px 0 6px 10px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.product_list dl { float:left; margin:0; width:130px;height:190px;  padding:20px 10px; border-bottom:1px solid #e1e5e6 ;}
.product_list dt {  padding:0;  }
.product_list dt img { width:130px; height:130px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.product_list dd { padding-top:0px;}

}


/* LG optimus G  ----------- */
@media only screen 
and (min-device-width : 384px) 
and (max-device-width : 640px) {
/* Styles */

.product_list { position:relative; padding:6px 0 6px 20px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.product_list dl { float:left; margin:0; width:130px; height:190px; padding:20px 20px; border-bottom:1px solid #e1e5e6 ;}
.product_list dt {  padding:0;  }
.product_list dt img { width:130px; height:130px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.product_list dd { padding-top:0px;}

}

/* SAMSUNG galaxy note 3 ----------- */
@media only screen 
and (min-device-width : 540px) 
and (max-device-width : px) {
/* Styles */

.product_list { position:relative; padding:6px 0 6px 20px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.product_list dl { float:left; margin:0; width:130px; height:190px; padding:20px 20px; border-bottom:1px solid #e1e5e6 ;}
.product_list dt {  padding:0;  }
.product_list dt img { width:130px; height:130px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.product_list dd { padding-top:0px;}


}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

.product_list { position:relative; padding:6px 0 6px 40px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.product_list dl { float:left; margin:0; width:130px;height:190px;  padding:20px 10px; border-bottom:1px solid #e1e5e6 ;}
.product_list dt {  padding:0;  }
.product_list dt img { width:130px; height:130px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.product_list dd { padding-top:0px;}

}

@media only screen 
and (width: 540px) {
/* Styles */

.product_list { position:relative; padding:6px 0 6px 40px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.product_list dl { float:left; margin:0; width:130px; height:190px; padding:20px 10px; border-bottom:1px solid #e1e5e6 ;}
.product_list dt {  padding:0;  }
.product_list dt img { width:130px; height:130px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.product_list dd { padding-top:0px;}

}

@media only screen 
and (width: 360px){
	
.product_list { position:relative; padding:6px 0 6px 10px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.product_list dl { float:left; margin:0; width:130px;height:190px;  padding:20px 20px; border-bottom:1px solid #e1e5e6 ;}
.product_list dt {  padding:0;  }
.product_list dt img { width:130px; height:130px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.product_list dd { padding-top:0px;}

}





.icon_member { width:16px; height:16px; padding:0; background:url('http://image.hanflower.com/hanflower_mobile/mobile/icon_memberbg.png') no-repeat top left; text-align:center; margin-right:5px; font-weight:bold; color:#fff; float:left;}
.icon_point { width:16px; height:16px; padding:0; background:url('http://image.hanflower.com/hanflower_mobile/img/mobile/icon_pointbg.png') no-repeat top left; text-align:center; margin-right:5px; font-weight:bold; color:#fff; float:left;}
.icon_nomember { width:16px; height:16px; padding:0; background:url('http://image.hanflower.com/hanflower_mobile/img/mobile/icon_nomemberbg.png') no-repeat top left; text-align:center; margin-right:5px; font-weight:bold; color:#fff; float:left;}



/***상품 보기***/
#h_wrap_view {padding:17px 0 17px 10px; color:#fff; font-weight:bold;}

	.product_view_dl { margin:0; padding:0; }
	.product_view_dl dl {padding:0 10px; height:46px; border-bottom:1px solid #dddddd;  margin:0; clear:both; }
	.product_view_dl dt { float:left; margin:13px 0px 7px 0px; font-size:11pt;font-weight:bold;  }
	.product_view_dl dd { float:right; padding:0; margin:13px 0px 7px 0px; font-size:11pt; text-align:right;}
	
	.select_qty {padding:0px; height:36px; line-height:30px; background:#ffffff;  font-size:10pt;}
	
	
	.option_list div dl{margin:0; padding:0}
	.option_list div dl{padding:0 10px; height:50px; border-bottom:1px solid #dddddd;  margin:0; clear:both; }
	.option_list div dt{ float:left; margin:0px; font-size:11pt;font-weight:bold; vertical-align:middle;  }
	.option_list div dd{ float:right; padding:0px; margin:0px; font-size:11pt; text-align:right; vertical-align:middle }
		




  #productTtile {position:relative; margin:auto; width:350px; height:350px;text-align:center;}
  #productTtile img { width:100%; height:100%;}
  .productPrice {padding:0 10px; height:46px; border-bottom:1px solid #dddddd;}

  .productExLeft {float:left; margin:13px 0px 7px 0px; font-size:11pt;font-weight:bold;}
  .productExRight {float:right; margin:13px 0px 7px 0px; font-size:11pt; text-align:right;}
  .productExRight2 {float:right; position:absolute; right:10px; top:10px;}
  .productExplain {position:relative; height:37px;background:url('http://image.hanflower.com/hanflower_mobile/mobile/bg_product_explain.png') repeat-x;}
  .gray_tit {position:absolute; left:10px; margin:0px; padding:9px 0px 0px 0px;color:#ffffff;font-size:11pt; text-shadow:1px 1px 0px #444; font-weight:bold;}
  .productExplainSub {min-height:60px;}
  .productExplainSub .back_color {background:#dddddd;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;padding:9px 0px;}
  .productExplainSub .call_button {width:100px; position:absolute; right:10px; top:-6px; text-align:right;}

  .productExplainSub2 {background:url('http://image.hanflower.com/hanflower_mobile/mobile/bg_product_explain_title.png') repeat-x;padding:5px 10px 20px 10px; min-height:60px;}
  .plr_10 {padding:0 10px;}
  .comment1 {background:url('http://image.hanflower.com/hanflower_mobile/mobile/bg_product_explain_title.png') repeat-x;padding-top:5px; display:block;}
  .comment2 {background:url('http://image.hanflower.com/hanflower_mobile/mobile/bg_product_explain_title.png') repeat-x;padding-top:5px; display:none;}
  






/***장바구니 보기***/
  .productOrder {position:relative; height:100px; margin:0 auto 5px auto; padding:0px 10px; background:#f4f4f4; border:1px solid #d6d6d6; -moz-border-radius:3px; -webkit-border-radius:3px;}
  .cart_selbox { background:#6a7380; color:#fff !important; border:1px solid #54585d; padding:5px 6px; -moz-border-radius:2px; -webkit-border-radius:2px;	border-radius:2px; box-shadow:inset 1px 1px 0px 0px #888f99;}
  .productCartLeft {float:left; width:225px;padding:3px 3px 3px 0px;font-weight:bold;font-size:14px; letter-spacing:-1px;}
  .productCartRight {position:absolute; width:100px; right:0px; top:-5px; text-align:right;}
  .productExLeft {float:left; width:180px; margin:10px 0; font-size:11pt; font-weight:bold;}
  .productExRight {position:relative; float:right; text-align:right; margin:10px 0; font-size:11pt;}
  .priceTitle {float:right; text-align:left; margin-top:-1px; line-height:180%;}
  .priceValue {float:right; text-align:right; margin-top:-1px; line-height:180%;}
  .gray_tit {position:absolute; left:10px; margin:0px; padding:9px 0px 0px 0px;color:#ffffff;font-size:11pt; text-shadow:1px 1px 0px #444; font-weight:bold;}
  .payTitle {height:130px;padding:10px 10px 10px 10px;background:url('/images/common/bg_pay.png') repeat-x;}
  .productPayExLeft {position:absolute; float:left; width:140px; left:0px; margin:5px 0px; font-size:11pt; color:#ffffff; font-weight:bold; letter-spacing:-1px;}
  .productPayExRight {position:absolute; float:right; text-align:right; right:0px; margin:5px; width:160px; font-size:11pt; color:#ffffff; font-weight:bold;}
  .svpointTitle {float:right; text-align:right; margin:10px 0px 0px 10px;}
  .mL5 {margin-left:5px;}
  .mR5 {margin-right:5px;}
  


/***장바구니 리스트***/
.cart_list { position:relative; border-bottom:1px solid #bdbdbd; padding:6px 0 6px 6px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.cart_list dl { overflow:hidden; }
.cart_list dt {  padding:0; width:85px;  float:left;}
.cart_list dt img { width:72px; height:72px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.cart_list dd { float:left; padding-top:15px;}
.icon_member { width:16px; height:16px; padding:0; background:url(http://image.hanflower.com/hanflower_mobile/mobile/icon_memberbg.png) no-repeat top left; text-align:center; margin-right:5px; font-weight:bold; color:#fff; float:left;}
.icon_point { width:16px; height:16px; padding:0; background:url(http://image.hanflower.com/hanflower_mobile/mobile/icon_pointbg.png) no-repeat top left; text-align:center; margin-right:5px; font-weight:bold; color:#fff; float:left;}
.icon_nomember { width:16px; height:16px; padding:0; background:url(http://image.hanflower.com/hanflower_mobile/mobile/icon_nomemberbg.png) no-repeat top left; text-align:center; margin-right:5px; font-weight:bold; color:#fff; float:left;}
.cart_message { padding:0 10px 5px 0;  border-top:1px dotted #dedede; margin-top:10px; margin-right:5px}




/***결제완료 리스트***/
.cash_list { position:relative; border-bottom:1px solid #bdbdbd;  padding:6px 0 6px 6px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.cash_list dl { overflow:hidden; }
.cash_list dt {  padding:0; width:23%;  float:left;}
.cash_list dt img { width:72px; height:72px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.cash_list dd { float:left;  width:77%;}


/*배송완료 */
.buyok_list { position:relative; border-bottom:1px solid #bdbdbd;  padding:6px 0 6px 6px; font-size:11pt; font-weight:bold;  cursor:pointer; overflow:hidden;}
.buyok_list dl { overflow:hidden; height:20px; padding-top:10px;  }
.buyok_list dt { padding:0; width:23%;  float:left;}
.buyok_list dd { float:left;  width:77%;  }


  .div_spg {margin: 0 auto; height:30px; padding:0px 10px; border-top:1px solid #d6d6d6; background:#f4f4f4; display:none;}
  .div_spg .spg_title {float:left; text-align:left; padding-top:6px; width:22%;}
  .div_spg .spg_value {float:left; text-align:right; padding-top:6px; width:78%;}
  .div_spg .spg_slt {font-size:9pt; width:215px; height:23px; line-height:20px;}
  .use_txt {position:absolute; left:10px;}
  .use_input {margin:0 100px 0 95px;}
  .input_point {border:1px solid #ececf3; font-size:11pt; padding:2px 0; height:25px; width:100%; background:#ffffff; text-align:right;}
  .input_point:focus {border:1px solid #c1c1dd;}
  .use_btn_area {position:absolute; right:10px;}
  .use_won {position:absolute; right:93px; top:28px;}
  
  .add_input {width:100%; position:relative; margin:5px 0; }
  .add_input .add_l {width:70px; font-weight:bold;font-size:10pt; position:absolute; left:0; top:4px;}
  .add_input .add_r {margin:0px 0px 0px 80px;}
  
  .input_pay {border:1px solid #787f8c; font-size:10pt; padding:2px;height:20px;background:#ffffff; line-height:20px; width:100%;}
  .input_pay:focus {border:1px solid #000000;}
  .select_pay {font-size:10pt; height:26px;background:#ffffff; line-height:20px;}
  .back_title {float:right; padding-right:15px; margin-top:8px; font-size:1.375em; color:#FFFFFF;}
  



 
 
 
 
 
 /* 개인정보 수집 이용안내 */
.desc h3.none-line { border-bottom: none; }
.privercy-contract-tap { position: relative; border-left: 1px solid #cacaca; }
.privercy-contract-tap li { font-weight:bold; list-style-type: none; border-top: 1px solid #cacaca;  border-right: 1px solid #CACACA; border-bottom: 1px solid #CACACA; background-color: #f4f4f4; display: block; float: left; line-height: 27px; text-align: center; width: 33%; height: 28px; }
.privercy-contract-tap li.sel{ background-color: #fff; border-bottom: 1px solid #fff; }
.privercy-contract-tap li:last-child { border-right: 1px solid #cacaca;; }
.privercy-contract-tap li a { text-align: center; padding: 0; display: block; color: #787878; width: 100%; height: 100%; }
.tab-content { border: 1px solid #cacaca; height: 75px; }
.tab-content .privercy-contract { padding: 10px; }
.tab-content .privercy-contract p {  line-height: 1.5em; width: 100%; height: 100px;  margin: 0; padding: 10px; border: none; overflow-y: hidden;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
 
 
 
/***결제하기 ***/
table.cashlast {border-collapse:collapse; border-spacing:0px; width:100%; margin:0; padding:0; }
table.cashlast tr {}
table.cashlast th {border:1px solid #dedede; width:30%; padding:12px 0 12px 0;  background:#f2f2f2; text-align:center; font-size:10pt;}
table.cashlast td {border:1px solid #dedede; width:70%; padding:12px 0 12px 20px; text-align:left; }

/*블릿리스트*/
ul.bullet li {background:url(http://image.hanflower.com/hanflower_mobile/mobile/bullet.gif) no-repeat 0 9px ; padding-left:10px;}


/***마이플라워***/
.member_top { height:30px; border-top:1px solid #2e251c; border-bottom:1px solid #cacaca; background:#ebecec; padding:20px; font-size:10pt;}

.member_box { width:100%; text-align:center; margin:10px 0;}
.member_box ul li { position:relative; width:30%; height:108px; border:1px solid #e1e1e1; margin:5px; font-weight:bold;  }
.member_box ul li p { margin-top:80px;}
.member_box ul li.menu01 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img01.gif) no-repeat center 26px; }
.member_box ul li.menu02 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img02.gif) no-repeat center 26px; }
.member_box ul li.menu03 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img03.gif) no-repeat center 26px; }
.member_box ul li.menu04 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img04.gif) no-repeat center 26px; }
.member_box ul li.menu05 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img05.gif) no-repeat center 26px; }
.member_box ul li.menu06 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img06.gif) no-repeat center 26px; }
.member_box ul li.menu07 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img07.gif) no-repeat center 26px; }
.member_box ul li.menu08 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img08.gif) no-repeat center 26px; }
.member_box ul li.menu09 { background:url(http://image.hanflower.com/hanflower_mobile/mobile/myflower_img09.gif) no-repeat center 26px; }
.numberling { position:absolute; top:23px; left:60%; width:17px; height:17px; background:#d70a0a; color:#FFF; font-family:Tahoma, Geneva, sans-serif; font-size:9pt; }


.no_list {  border-bottom:1px solid #bdbdbd; font-size:10pt; text-align:center; padding:30px 0;}

.order_list { position:relative; border-bottom:1px solid #bdbdbd; padding:6px 0 6px 6px; font-size:11pt; font-weight:bold;  background-size:28px; cursor:pointer; overflow:hidden;}
.order_list dl { overflow:hidden; }
.order_list dt {  padding:0; width:85px;  float:left;}
.order_list dt img { width:72px; height:72px; vertical-align:top;  border:1px solid #e1e5e6 ; }
.order_list dd { float:left; padding-top:5px;}


table.latter_write {border-collapse:collapse; border-spacing:0px; width:100%; margin-top:20px; }
table.latter_write th { width:20%; padding:3px 0 3px 10px; text-align:left; cursor:pointer; font-weight:bold; font-size:10pt; vertical-align:middle; }
table.latter_write td { width:80%; padding:3px 15px; text-align:left; cursor:pointer;}

table.latter_list {border-collapse:collapse; border-spacing:0px; width:100%; margin-top:20px; }
table.latter_list thead th {  padding:8px 5px; text-align:center;  font-weight:bold; font-size:10pt; vertical-align:top; background:#f0f1f1; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; }
table.latter_list td { padding:8px 5px; text-align:center;  border-bottom:1px solid #cacaca;}
table.latter_list tfoot td {  padding:15px 5px; text-align:right;  font-weight:bold; font-size:11pt;  border-top:2px solid #cacaca; border-bottom:2px solid #cacaca; background:#f5f6f6 }

table.latter_view {border-collapse:collapse; border-spacing:0px; width:100%; margin-top:20px;  }
table.latter_view th { width:20%; padding:8px 10px; text-align:left; font-weight:bold; font-size:10pt; vertical-align:top; border-bottom:1px solid #eeeded;}
table.latter_view td { width:80%; padding:8px 15px; text-align:left; border-bottom:1px solid #eeeded;}



/***로그인****/
  #ct_wrap {padding:10px;}
  #keyboardDiv {margin:0 auto; display:none; text-align:center;}
  
  .inputbox_login { border:0; font-size:10pt; padding:0; margin:0 0 3px 0; border-radius: 0; -webkit-appearance: none; width:100%;  }
  .dpn {position: absolute; line-height: 0; width: 0px; height: 0px; visibility: hidden; font-size: 0px; overflow: hidden; left: -999em; }
  .input_txt_area {border: #b6b6b6 1px solid; position: relative;  padding:7px 32px 0 5px; display: block;  height: 25px;  border-radius: 2px; -webkit-box-shadow: 0 1px #eee inset }
  .input_area {margin: 5px 77px 0px 0px;}
  .input_area dd {margin:0 0 4px 0;}
  .login_area {position:relative; width:100%;}
  .login_area .login_btn_area {position: absolute; top:0; display: inline-block; right: 0px; }

  .chk_label{ margin-top:0px; margin-left:0px;}
  
  
  
  .textarea_person { width:95%; height:100%;  padding:10px;}
  .pre_info_txt {word-wrap:break-word; white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; padding:10px;}


.loginm_top { height:45px; border-top:1px solid #2e251c; border-bottom:1px solid #cacaca; background:#ebecec; padding:20px; font-size:10pt;}



/*이벤트리스트*/


.eventwrap{overflow:hidden;  padding-bottom:10px; overflow: hidden; }
.event_list-wrap{}
.event_list li{float:left; border-left:1px solid #ddd; width:50%; margin-left:-1px; padding-top:10px; }
.event_list li > div { text-align:center; margin:0 auto;}


.txt_box {height:50px; width:90%;  overflow:hidden; letter-spacing:-1px; text-align:center; margin: 0 auto;}





/* 마이페이지 검색 */

.Btn_date {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
  background-color:#ededed;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#777777;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  padding:3px 6px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
}
.Btn_date:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
  background-color:#dfdfdf;
}
.Btn_date:active {
  position:relative;
  top:1px;
}

.sBtn_sort1{ background-color:#565B5E; border-radius:3px; font-size:12px; font-weight:bold; color:#fff; cursor: pointer; text-decoration:none;display:inline-block; }
.sBtn_sort1 a{text-decoration:none;}
.sBtn_sort1s *:hover, .btn_pack *:active, .btn_pack *:focus{color:#5AA2DD}

.dateTable {margin:0px 0 10px 0;  border-collapse:collapse; width:100%; border-top:2px solid #444; border-right:1px solid #333;  border-left:1px solid #333;  }
.dateTable tr{border-bottom:1px solid #333;}
.dateTable th { padding:11px 3px;  white-space:nowrap; color:#fff; text-align:center;  font-weight:bold;  background-color:#999; border-bottom:1px solid #333; border-left:none; }
.dateTable th, .dateTable td { padding:10px 3px;  border-bottom:1px solid #666; border-left:1px solid #666; font-size:12px;  text-align:center; vertical-align:middle;}

.date_sort{width: 100%; border:1px solid #ddd; height:32px; padding:10px 0px 0px 0px;}
.date_title{float:left; padding-top:5px; height:18px; width:65px; margin-left:10px; font-size:12px;}
ul.date1{float:left; margin-left:5px;}
ul.date1 li{float:left; margin-left:3px; cursor:pointer;}
.date_select2{float:left;}