/*CSS reset css重置*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0}
img{ display:block; font-size:0px; border:0; vertical-align:middle; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal}
ol, ul,li { list-style: none}
caption, th { text-align: left}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal}
q:before, q:after { content: ''}
abbr, acronym { border: 0}
ul:after { content: '\20'; display: block; height: 0; clear: both; }
body { color: #666; font-family: Tahoma, Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
input { font-family: Tahoma, Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
a { color: #666; text-decoration: none}
a:hover { color: #CC0000; }
.hei_50 { background: #000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; color: #FFF}
ul:after { content: '\20'; display: block; height: 0; clear: both; }

.layout { width: 950px; padding: 10px 5px; margin: 0 auto; background:#FFF}
#content .layout { padding: 20px 5px}
#content {margin-bottom:130px;}
.pageIndex .flow { overflow: hidden; line-height:24px}
.pageIndex .flow ul { float: left; width:304px; margin:0 6px; }
.pageIndex .flow ul li { width: 302px; border:1px solid #E8E8E8; margin-top: 10px; }
.pageIndex .flow ul li .item { padding:5px 5px 10px}
.pageIndex .flow ul li .item img { width: 290px; }

.prompt {margin-top:0px;font-size:10px;line-height:20px;height:20px;overflow:hidden;}

.pageColor #colorpicker{ width:800px; margin:0 auto; overflow:hidden}
.pageColor #colorpickerHolder{ float:left; width:356px; margin-right:44px}
.pageColor #colortag{ float:left; width:400px; line-height:24px}
.pageColor #colortable{ width:800px; margin:30px auto 0; padding-top:30px; border-top:1px solid #E8E8E8}
.pageColor #colortable li{ float:left; width:12.5%; height:26px; line-height:26px}
.pageColor #colortable li.title{ width:25%; color: #c00; }
.pageColor #colortable #name, #content #colortable #value{ border:1px solid #e8e8e8; color:#c00}


.pageNav .slide-kuntriggers { clear: botch; }
.pageNav .selector { position: relative; width: 24px; height: 24px; }
.pageNav .selector_child { position: absolute; top: 0px; left:0px; width: 24px; height:24px; background: url(../images/select2.png) center; }
.pageNav .css_code{ display: none; position:relative; margin-top: 20px; } 
.pageNav .css_code .close{ position:absolute; right:0; top:0; width:60px; height:22px; line-height:22px; background:#ff9385; color:#FFF; text-align:center; cursor:pointer}
.pageNav .css_code #code { width:100%; height:auto; font-size:12px; font-family: Tahoma, Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif; padding:5px; line-height:18px}
.pageNav .css_code .tag{ margin-top:5px}
.pageNav .css_color{ overflow:hidden; width:950px}
.pageNav .css_color .css_ul{ float:left; width:160px; margin-right:30px; }
.pageNav .css_color li.mhd { border-bottom: 1px solid #ECECEC; color: #505050; font-size: 15px; line-height: 24px; margin-top: 30px; padding-left: 5px; font-weight:bold;}
.pageNav .css_color li.mbd{ width:196px; padding:2px; margin-right:40px; margin-top:10px; height:28px; line-height:28px; }
.pageNav .css_color li.mbd li{ float:left; margin-right:3px; }
.pageNav .css_color li.mbd .fr{ float:right; margin-right:0; display: none; }
.pageNav .css_color li.mbd .css_button_one { background: #F8F8F8; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; cursor: pointer; font-size: 10px; height: 20px; line-height: 20px; margin-top: 4px; text-align: center; width: 20px; }
.pageNav .css_color li.mbd .css_button_one:hover{ background:#CC0000; }
.pageNav .button_box{width:400px;margin:auto;}
.pageNav .css_button,.pageNav .copy_button { background: #8f6005; width: 193px;height: 38px; line-height: 38px; color: #FFFFFF; cursor: pointer; font-size: 14px; margin: 30px 0px; text-align: center; border-radius:5px;}
.pageNav .css_button:hover,.pageNav .copy_button:hover{ background:#cd9103; }

.pageNav .brand .hd{ width:950px; font-size:13px; line-height:24px; padding-left:5px; color:#ff9385; font-weight:bold; margin-top:30px; border-bottom:1px solid #ECECEC}
.pageNav .brand .bd li{ float:left; width:230px; margin:10px 10px 0 0}


/* Glam 一品志 新增加样式 */
.css_bgimg { border: 1px solid #ddd; padding: 10px; margin-top: 20px; }
.css_bgimg .css_bgimg_description { height: 30px; line-height: 30px; margin-bottom: 5px; color: #888; text-align: right; }
.css_bgimg .css_bgimg_description h3 { font-size: 15px; color: #505050; float: left; font-weight:bold;}
.css_bgimg .css_bgimg_ul { border-bottom: 1px dashed #ddd; margin-bottom: 2px; }
.css_bgimg .css_bgimg_ul .mhd { float: left; width: 200px; }
.css_bgimg .css_bgimg_ul .mbd { float: left; }
.css_bgimg .css_bgimg_ul .mbd input { width: 200px; }
.css_bgimg .css_bgimg_ul .prev { float: left; width: 24px; height: 24px; margin-right: 2px; background-color: #eee; }
.css_bgimg .css_bgimg_ul .prev.jt { background-position: center; background-repeat: no-repeat; }
.css_bgimg .css_bgimg_ul .tips { float: left; color: #aaa; margin-left: 10px; }

/* Glam 一品志 icon图标样式 */
.css_top_one i { display: block; float: right; height: 15px; margin-right: 10px; margin-top: 8px; width: 15px; background: url(../images/all_cats_hover.png) no-repeat; }