@charset "utf-8";
/* CSS Document */
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, ul, ol, li, p, table, td, th, form, fieldset, label, span, figure, select { margin:0px; padding:0px; }
fieldset { border:0}
img { vertical-align:middle; margin: 0; padding: 0; border: 0;}
input[type="text"], input[type="password"], input[type="textarea"] { outline:none;}
body { font:normal 12px/1.0 Arial, Helvetica, sans-serif;min-width:1100px; background:#fff; color:#555;}
body { font-family:'microsoft yahei'}
a{color:#333;text-decoration:none;transition:all 0.1s ease; -o-transition:all 0.1s ease; -moz-transition:all 0.1s ease;}
a:hover {color:#e03317;text-decoration:none;}
a.uline { text-decoration:underline;}
h1{font-size:18px}h2{font-size:16px}h3,h4{font-size:14px}h5,h6{font-size:12px}
img { border:none; }
ol { list-style-position:inside; }
ul, li,dd, dt { list-style: none; list-style-type:none;}
label { cursor:pointer; }
.inline{display:inline}
.more01{display:block;width:34px;height:12px;line-height:12px;background:url(../images/more_01.gif) left center no-repeat;}

/* 浮动 */
.fl { float:left; }.fr { float:right;}.fl, fr { _display:inline; }.clearfix { clear:both;}
.tc { text-align: center;}

/*文字对齐*/
.left {text-align:left;}.center{text-align:center;}.right{text-align:right;}.justify{text-align:justify;}
/*字体*/
.f11{font-size:11px;}.f12 {font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f24{font-size:24px;}.f30{font-size:30px;}.f36{font-size:36px;}.bold{font-weight:bold;}
/*颜色*/
.red {color:#F00;}/*红色*/.blue{color:#00F;}/*蓝色*/.yellow {color:#FF0;}/*黄色*/.green{color:#abcd03;}/*绿色*/.orange{color:#F60;}/*橙色*/.pink{color:#FCC;}/*粉红*/.gray{color:#666;}/*灰色*/.brown {color:brown;}/*棕色*/.purple{color:#F0F;}/*紫色*/.black{color:#000;}/*黑色*/.white{color:#fff;}/*白色*/

/*内间距*/
.padding5{padding:5px}.padding10{padding:10px}.padding15{padding:15px}.padding20{padding:20px}.padding30{padding:30px}.padding40{padding:40px}
.pt5{padding-top:px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}
.pl5{padding-left:px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}
.pr5{padding-right:px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}

/*外间距*/
.m10{margin:10px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mr10{margin-right:10px;}.mr20{margin-right:20px}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px}.ml10{margin-left:10px;}.ml20{margin-left:20px}.mt40 { margin-top: 40px;}

.hide{display:none;}.hand{cursor:pointer;}
.border { border:1px #ddd solid;}
.ovh { overflow: hidden;}


#baojia { position: relative; padding: 40px 0 0; margin-top:20px; background: url("../images/order-bg.png") repeat-x top; text-align:left;}
#baojia h2 { position: absolute;	left: 50%; top: 20px; margin: 0 0 0 -120px; color: #df3216; font-size: 24px; background: #fff; padding: 0 5px; font-weight: normal;}
#baojia>div { width: 1100px; overflow: hidden; margin:0px auto;}
#baojia figure { overflow: hidden; position: relative; display: inline-block; width: 362px; margin-top:1px; margin-left:1px; border: 1px solid #efefef; text-align:center;}
#baojia figure img { width: 340px; margin-bottom:15px;}

.buying { position: absolute; top: 50px; left: 50px; width: 251px; height: 251px; display: block;}
.buying a { display: block; width: 100%; height: 100%; text-indent: -9999px;}
.buying a { display: none; background: url("../images/figure-hover-bg1.png") no-repeat center center;}
#tuangou figure:hover .buying a { display: block;}
#tuangou figure:hover { }
#tuangou .discount { position: absolute; top: 233px; right: 5px; width: 87px; height: 87px; border-radius: 47px; background: #df3216; text-align: center; line-height: 87px; color: #f0f0f0; font-size: 18px; behavior: url("/PIE.htc");}
#tuangou .discount strong { font-size: 30px; color: #fff;}
#tuangou .discount em { position: absolute; top: 65px; color: #e9857b; font-size: 12px; line-height: 12px; left: 20px;}
/*团购-折扣*/

#RollBox{width:830px; margin:0px auto; overflow:hidden; }
#RollBox p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; width:150px; }
.cn #RollBox p { font-family:"微软雅黑";}
#RollBox img {margin:0px 5px; border:1px #efefef solid;}

/*按钮*/
.btn{display:inline-block;height:36px;line-height:36px;padding:0 25px;color:#fff;margin-right:10px; cursor:pointer; transition:all 0.2s}
.btn-mini{display:inline-block;height:27px;line-height:27px;padding:0 15px;color:#fff;margin-right:10px; cursor:pointer;}
.btn-green{background:#0a70b1;}
.btn-green:hover{background-color:#104E8B;color:#fff;}
.btn-gray{background:#666;}
.btn-gray:hover{background:#555;color:#fff;}
.btn-red { background-color:#df3216;}
.btn-addto{float:left;width:23px; height:35px;background:url(../images/addto3.png) no-repeat left 8px;display:block;}
.btn-search{ background:#abcd03 url(../images/search.png) no-repeat left center; height:28px; line-height:28px; display:inline-block; border:none; outline:none; width:85px; position:absolute; top:-2px; right:0;}
.noborder{border:none;}
.cartbox { float:right; text-align:right; width:200px; position:relative;}
.cartbox span { display:block; width:20px; line-height:20px; text-align:center; position:absolute; top:0; right:0; color:#ff9; font-size:10px;}
.text-input{border:1px solid #d5d5d5;color:#555;padding:5px 4px; outline:none;}
/*线条*/
.line-wrap{ height:1px;background-color:#efefef;width:100%;}
/*面包屑导航*/
.page_title{ position:absolute; left:0; top:0px;}
.page_title h2 {font-weight:normal; display:block; height:30px; line-height:30px;border-bottom:2px #666 solid;color:#df3216;}
/*幻灯片*/
.box_shadow { width:980px; margin:0 auto; height:30px; background:url("../images/box_shadow.png") no-repeat 0 -3px;}
#banner:after { display: block; clear:both; visibility:hidden; height:0; width:0; font-size: 0px; content:"";}
/*内页banner*/
.inerbanner-wrap{width:100%;height:160px;overflow:hidden;text-align:center;background:#EDEAE6}
.inerbanner-wrap img { height:160px;}
/* 文章列表：标题列表 */
.help_title { border-bottom:1px dotted #E9E9E9;padding-bottom:2px;margin-bottom:10px;font-family:"微软雅黑","黑体","宋体";text-align:left; font-weight:normal; overflow: hidden; font-size: 20px; line-height: 40px; font-weight: bold;}
.help_title span {display:block;float:left;height:35px;width:35px;background:url("../images/help.png") 0 center no-repeat;margin:5px 10px 0 0;}
.help_guide {padding-left:31px;padding-top:10px;height:auto;}
.help_guide_box { margin-top: 40px;}
.help_guide_box h2 {font-family:"微软雅黑","黑体","宋体";color:#333; text-align:left;}
.help_list {top:30px;float:left;width:180px;display:block; margin-left: 20px;}
.help_list h5 {float:left;background-color:#333;color:#fff;padding:5px 8px;margin-bottom:5px;}
.help_list li {float:left;width:180px;margin:5px 0; text-align:left; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}
.help_list li a { font-size: 14px;}
.help_list li a:hover { color:#f60; text-decoration: underline;}

.news-list { min-height:200px;}
.news-list li{padding:5px 0 5px 13px;border-bottom:1px solid #efefef;background:url("../images/arrow8.png") no-repeat left center; line-height:30px; overflow: hidden;}
.news-list li a { float:left; width: 960px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; text-decoration: none;}
.news-list li a:hover { color:#666;}
.news-list li span{color:#999;}
.list li{padding:10px 0 10px 10px;border-bottom:1px solid #efefef;background:url(../images/dot2.jpg) no-repeat left center; line-height:25px}
.list li span{color:#999;}
/* 文章列表：图片+标题+简述模式 */
.art_wrap{width:1038px;border:1px solid #ddd;background-color:#fff; overflow: hidden;}
.art_wrap:hover{border:1px solid #ccc;}
.art_left{float:left;width:200px;overflow:hidden;}
.art_left img{width:200px;}
.art_left:hover img {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity:0.7;}
.art_right{width:822px;}
.art_right_dsc{ padding-top: 5px;color:#666; line-height:20px;}
.art_right_info {color:#999;}
.art_right_title{height:40px;line-height:20px;overflow:hidden;}

.notfind { text-align: center; line-height:100px; min-height:150px;}
/* 文章详细内容 */
.txt_box { margin-bottom: 15px;}
.txt_box h2 {border-bottom:1px solid #CCC;color:#fff; background:#df3216;font-size:18px;font-family:"微软雅黑","黑体","宋体";height:30px;letter-spacing:0;margin:0px 5px 10px 0;padding-bottom:5px;position:relative; padding-left: 5px; line-height:35px;}
.txt_box li {padding:4px; text-align:left;}
.txt_box li a { color:#333; text-decoration: none;}
.txt_box li a:hover { color:#f60}
.txt_box .lit {padding-left:5px;font-weight:bold; margin-top: 5px;}
.txt_box .lib {padding-left: 15px;}



.page-main { overflow: hidden;}
.layout-main{margin:0 auto;width:1060px;position:relative;;}
.main-wrap { width:100%;}
.sider {width:190px; margin-right:15px; position:relative; overflow:hidden;}
.container {width:846px;overflow:hidden;position:relative;min-height:150px;}
/* 单页文件内容 */
.contents p { padding:8px 0;}
.contents p img { margin-right:10px;max-width:100%;}
/* 底部分组 */
.quicklinkBox { position: relative; padding: 24px 0 0 55px; border-top:1px solid #363636; background: #1f1f1f; min-height: 180px;}
.quick_box { width: 1100px; overflow: hidden; margin:0 auto;}
.quicklinkBox dl { display: inline-block; vertical-align: top; padding-bottom:10px;}
.quicklinkBox dt { color: #fff; font-size: 16px; line-height: 30px; }
.quicklinkBox dd { font-size: 12px; line-height: 25px;}
.quicklinkBox a {color:#949494; text-decoration: none;}
.quicklinkBox a:hover { color:#e13318;}

/*版权信息*/

/*底部菜单*/
.btm-menu { padding:20px 0 15px; color:#5b2107; }
.btm-menu a { line-height:17px; color:#5b2107; text-decoration:none; font-size:12px; text-transform:capitalize; padding:0 15px; }
.btm-menu a:hover { color:#fff;}
/*购物车*/
#overlayBG { background-color:#999; position:absolute; z-index:9999; left:0; top:0; display:none; width:100%; height:100%; opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; position:fixed;}
#addCartBox { display:none; position:absolute; width:410px; height:auto; z-index:99999; background-color:#fff; border:1px #eee solid; padding:20px;  position:fixed; left:40%; top:40%;}
.closeDiv { height:26px; line-height:26px; padding-left:10px; color:#666; background:url(/Public/static/images/boxHead.png) repeat-x left -2px; margin-bottom:10px; }
.closeDiv span { float:right; display:block; width:20px; margin:3px 3px 0 0; }
.addCartIcon,.addCartBox_Btn {text-align:center;}
.addCartBox_Msg { padding:10px 0 30px 0; text-align:center;}
/*留言*/
.inquiry { border:1px #ddd solid;; margin:15px 0; background:#efefef; padding:20px 10px 0 10px; overflow:hidden;}
.inquiry dl {margin-bottom:10px; float:left; width:100%;}
.inquiry dt {float:left;width:150px;text-align:right;padding-right:10px;overflow:hidden; line-height:26px; font-size:14px;}
.inquiry dd {display:inline; line-height:26px;}
.inquiry input[type="text"],.inquiry textarea{border:1px solid #d5d5d5;color:#555;padding:5px 4px; outline:none;}

.inquiryData { margin-bottom:20px;}
.inquiryData th, .inquiryData td  { border-bottom:1px #ddd solid; padding:15px 0;}
.inquiryData th { text-align:left; font-size:14px;}
.inquiryData tr:last-child td { border-bottom:none; font-size:14px; font-weight:bold;}
.inquiry-main { border:1px solid #ddd; background:#fff; padding:10px; overflow: hidden;}
.inquiry_title { font-size:16px; font-weight:bold;}
.dataListinput { margin: 10px auto; background:#0a70b1; color:#fff; padding:5px 7px; border:0; outline:none; cursor:pointer; border-radius:2px;}
.dataListinput:hover{background-color:#104E8B;}

/* 会员中心 */
.account_main_container dt { width:100px; text-align:right; padding-right:10px; float:left;}
/* 用户订单列表 */
.table_order_list { width:100%; border:1px #ddd solid; border-spacing:0; }
.table_order_list th { background-color:#f4f4f4; padding:6px 0; font-size:14px; font-weight:bold; font-weight:normal; }
.table_order_list td { padding:10px 0; text-align:center; border-top:1px #efefef solid;}
.table_order_list tr:hover { background:#f5f5f5;}
/* 分页 */
.page {  margin: 20px 20px 20px 0; *zoom: 1; width:1060px; overflow: hidden;}
.page:before, .page:after {	display: table;	content: "";}
.page:after {	clear: both;}
.page a, .page span {float: left;margin-left: -1px;	padding: 0 14px;height: 34px;line-height: 34px;	color:#333;margin-right:10px;margin-bottom:10px;background-color: #ddd; transition:all 0.2s}
.page a:hover {	text-decoration: none;	background-color: #0A70B1;	color: #fff}
.page .current {background-color: #0A70B1;	color: #fff}
.page .next, .page .prev {	font-family: "宋体";	font-weight: bold;}
.page .rows {border-right: 0px solid #ccc;}
/*产品列表*/
.imgList { width:261px; margin-bottom:20px;; border:1px dashed #ddd; padding:1px; overflow:hidden;}
.imgList-mr { margin-right:17px;}
.imgList:hover{ border:1px solid #ddd;}
.proimg { width:259px; height:259px;text-align:center; overflow:hidden;}
.proimg img{ max-width:100%; max-height:100%;}
.proname { height:38px; line-height:38px;background:#eee; text-align:center; color:#df3216; overflow:hidden;}
.proname a { color:#df3216; font-size:14px; text-decoration: none;}
.proname a:hover { color:#333;}
/*商品详情*/
.proinfo_base { overflow: hidden;}
.proinfo_thumb{width:450px;}
.proinfo_attr{width:350px;float:right;}
.proinfo_attr ul li {background-color:#efefef; padding:1px;height:25px;line-height:25px;margin-bottom:5px;color:#666;}
.proinfo_attr ul li label {width:150px;float:left;margin-right:15px;text-align:right;background-color:#ddd;padding-right:10px;display:block;color:#333;}
/* 报价系统 */
.bj_base {border:1px #ddd solid; width:100%;border-collapse:collapse;border-spacing:0;}
.bj_base thead tr,.bj_hdgx_title { text-align:center;color:#707070;font-weight:bold;background:#f2f2f2;background-image:-webkit-gradient(linear,left 0,left 100%,from(#f8f8f8),to(#ececec));background-image:-webkit-linear-gradient(top,#f8f8f8,0%,#ececec,100%);background-image:-moz-linear-gradient(top,#f8f8f8 0,#ececec 100%);background-image:linear-gradient(to bottom,#f8f8f8 0,#ececec 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0)}
.bj_base thead td { padding:6px 0; border-bottom:1px #ddd solid;}
.bj_base tbody td { padding:6px 0; text-align:center;}
.bj_hdgx {border:1px #ddd solid; margin-top:15px;}
.bj_hdgx_title { padding:6px 0; border-bottom:1px #ddd solid;}
.bj_hdgx_item  td { text-align:center; padding:6px 0;}
.bj_button { margin:15px 0; padding-left:361px;}
.bj_button_2 { padding-left:240px;}
.bj_result { border:1px #ddd solid; border-top:4px #ddd solid; padding:15px;}
.bj_result_title { text-align:center;}
.bj_table { background-color:#ccc; margin:15px 0;}
.bj_table th,td { background-color:#fff;}
.bj_table td { padding-left:10px;}
.bj_remark { border:1px #ddd solid; padding:15px; background:#D9EDEB; margin:15px 0;}
.bj_remark_title { color:red; font-size:16px; margin-bottom:15px;}
.bj_remark_content p { margin:3px 0; font-size:12px; padding:0;}
/* 礼品兑换 */
.giftList { width:340px; margin:8px 20px 25px 0; padding-bottom:20px; _padding-bottom:20px; border-bottom:1px #ccc dashed;}
.giftimg { width:340px;height:226px;}
.giftimg img { max-width:100%; max-height:100%;}
.giftname { padding:8px 0; font-size:16px;}
.giftname a {color:#900;}
.giftexchange { margin-bottom:20px; padding-bottom:20px;}
.giftexchange .photo { float:left; width:300px; }
.giftexchange .photo img { max-width:100%;}
.giftexchange .infomation { width:750px; float:right;}
.giftexchange .infomation dl { padding-bottom:10px;}
.giftexchange .infomation dt { float:left; width:80px; font-weight:bold;}



/*侧边产品分类导航*/
.nav_category a:focus{outline:none;}
.nav_category{width:auto;}
.nav_category li{padding:10px 0 10px 10px;font-size:12px;border-bottom:0px #efefef solid;background:url("../images/arrow2.gif") no-repeat 10px 17px;}
.nav_category li a:link,
.nav_category li a:visited{display:block;width:100%;padding:3px 0; text-indent:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav_category li.selected a,
.nav_category li a:hover{color:#df3216;text-decoration:none;}
.nav_category ul{display:none;padding:5px 0 5px 10px;margin-top:5px;}
.nav_category ul li{padding:0;text-indent:12px;border-bottom:none;background:url("../images/dot2.jpg") no-repeat left center;}
.nav_category ul li a:link,
.nav_category ul li a:visited{height:20px;border:none;text-indent:10px; line-height:20px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav_category ul li a:hover{color:#df3216;}
.nav_category ul li.selected > a{background:#eee;font-weight:bold;}
/*内页单页面侧边*/
.page_nav { margin-bottom: 15px;}
.page_nav a { text-decoration: none; color:#333;}
.page_nav h5 { border-bottom:1px solid #CCC; color:#fff; background:#df3216; font-size:18px;font-family:"微软雅黑","黑体","宋体"; height:30px;letter-spacing:0; margin:0px 5px 10px 0; padding-bottom:5px; position:relative;}
.page_nav h5 span { padding-left: 5px; line-height:35px;}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/msg_bg.png) no-repeat;color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}

/* 回顶部 */
#toTop { width:40px; height:40px; position:fixed; bottom:100px; right:0px; cursor:pointer; display:none; background:url(../images/totop1.png) no-repeat; z-index:99999; }


/*注册*/
#login_box {width:1100px;margin:10px auto;position:relative; z-index:10;min-height:400px;}

/* 提示信息 */
.d-outer { text-align:left; }
.d-border, .d-dialog { border:0 none; margin:0; border-collapse:collapse; min-width:360px; }
.d-nw, .d-n, .d-ne, .d-w, .d-c, .d-e, .d-sw, .d-s, .d-se, .d-header, .d-main, .d-footer { padding:0; }
.d-header, .d-button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.d-title { overflow:hidden; text-overflow: ellipsis; cursor:default; }
.d-state-noTitle .d-title { display:none; }
.d-close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.d-close:hover { text-decoration:none; }
.d-main { text-align:center; vertical-align:top; min-width:9em; }
.d-content { display:inline-block; display:block\0/*IE8 BUG*/; display:inline-block\9\0; *zoom:1; *display:inline; text-align:left; border:0 none; width:100%;  }
.d-content.d-state-full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.d-loading { height:32px; text-indent:-999em; overflow:hidden; background:url(bgimg/dialog/loading.gif) no-repeat center center; }
.d-buttons { padding:10px 8px; text-align:right; white-space:nowrap; }
.d-button { margin-left:15px; padding: 0 8px; cursor: pointer; display: inline-block; min-height:2.1em; text-align: center; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: 1px solid #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.d-button::-moz-focus-inner, .d-button::-moz-focus-outer { border:0 none; padding:0; margin:0; }
.d-button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.d-button:hover { color:#000; border-color:#666; }
.d-button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.d-button[disabled] { cursor:default; color:#666; background:#DDD; border: 1px solid #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
.d-state-highlight { color: #FFF; border: 1px solid #1c6a9e; background: #289121; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
.d-state-highlight:hover { color:#FFF; border-color:#0F3A56; }
.d-state-highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
.d-mask { background:#000000; filter:alpha(opacity=40); opacity:.4; }

.d-inner { background:#FFF; border:1px solid #999; }
.d-nw, .d-ne, .d-sw, .d-se { width:6px; height:6px; }
.d-nw, .d-n, .d-ne, .d-w, .d-e, .d-sw, .d-s, .d-se { background:rgba(0, 0, 0, .2); background:#000\9!important; filter:alpha(opacity=20);}
.d-state-lock .d-nw, .d-state-lock .d-n, .d-state-lock .d-ne, .d-state-lock .d-w, .d-state-lock .d-e, .d-state-lock .d-sw, .d-state-lock .d-s, .d-state-lock .d-se { background:rgba(0, 0, 0, .2); background:#000\9!important; filter:alpha(opacity=20); }
.d-titleBar { position:relative; height:100%; }
.d-title { height:0; line-height:0; /*padding:0 48px 0 10px; background-color:#edf5f8; font-weight:bold; font-size:14px; color:#999; border-bottom:1px solid #efefef;*/ }
.d-state-focus .d-title { color:#4c5a5f; }
.d-state-drag .d-title { cursor:move;}
.d-close { padding:0; top:0; right:8px; width:28px; height:18px; background-image:url(bgimg/dialog/close.gif); background-repeat:no-repeat; text-indent:-9em; overflow:hidden; }
.d-close:hover { background-position:0 -18px; }
.d-close:active { background-position:0 -18px; }
.d-content { color:#666; }
.d-state-focus .d-content { color:#000; font-size:14px;}.d-buttons { background-color:#F6F6F6; border-top: 1px solid #efefef; }
.d-state-noTitle .d-close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; }
.d-state-noTitle .d-close:hover, .d-state-noTitle .d-close:active { text-decoration:none; color:#900; }

@media screen and (min-width:0) {/* css3 */
	.d-state-focus .d-dialog { box-shadow: 0 0 3px rgba(0, 0, 0, .2); }
	.d-state-drag, .d-state-focus:active  { box-shadow:none; }
	.d-state-focus { box-shadow:0 3px 8px rgba(0, 0, 0, .3);  }
	.d-outer { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-box-shadow .2s ease-in-out, -webkit-transform .2s ease-in-out; transition: box-shadow .2s ease-in-out, transform .2s ease-in-out; }
	.d-state-visible { -webkit-transform: scale(1); transform: scale(1); }
}

.color_picker_btn{display:inline-block;position:relative;}
.tipbox{ height:54px; line-height:54px; position:absolute; display:none;}
.tipbox .tip-l{ float:left; width:45px; height:54px; background-image:url(images/tip_layer.png); background-repeat:no-repeat; background-position:-5px 0;}
.tipbox .tip-c{ float:left; height:54px; line-height:52px; padding:0 10px 0 5px; background-image:url(images/tip_layer.png); background-repeat:repeat-x; background-position:0 -161px;}
.tipbox .tip-r{ float:left; width:5px; height:54px; background-image:url(images/tip_layer.png); background-repeat:no-repeat; background-position:0 0;}
.tip-success .tip-l{ background-position:-6px 0;}
.tip-alert .tip-l{ background-position:-6px -54px;}
.tip-error .tip-l{ background-position:-6px -108px;}