@charset "utf-8";

/*页面统一设置*/



/* 单图文 */
.template_singleImage { }
	.template_singleImage p {font-size: 14px; color:#6A6A6A;}
	.template_singleImage select { width: 360px; height: 30px; line-height:30px; border:1px solid #e7e7eb; }
	.template_singleImage .btn_edit { 
        text-decoration: none;
        margin-left: 20px;
        color: #666666;
        padding: 4px 20px;
        font-size: 14px;
        font-family: "微软雅黑";
        border: 1px solid #e6e7ec;
        background-image: -webkit-linear-gradient(180deg, #ffffff, #cccccc);
        background-image: linear-gradient(180deg,#ffffff,#eeeeee);
	}

.template_singleImageContent { width: 360px; padding: 10px 20px; border:1px solid #e7e7eb; margin-top: 20px; overflow: hidden; position: relative; background:#ffffff;

}
	.template_singleImageContent p { line-height: 1.5em; margin: 5px 0; font-size: 14px;}
	.template_singleImageContent_title { font-size: 18px; font-weight: bold; }
	.template_singleImageContent_date {}
	.template_singleImageContent_img { width: 100%; height: 200px; overflow: hidden;}
		.template_singleImageContent_img img {width: 360px;}
	.template_singleImageContent_description {  }

	.template_singleImageContent .shadowCover { width: 100%; height: 100%; background-color: #000000; position:absolute; top: 0; left: 0; z-index: 10; 
		display:none; overflow: hidden;
		filter: Alpha(opacity=50);
		opacity:0.50;
	}
		.template_singleImageContent:hover .shadowCover { display: block; vertical-align: middle; text-align: center;}
		.template_singleImageContent .shadowCover a { }
		.template_singleImageContent .shadowCover a img { width: 60px; margin:120px 20px 0;}

/* 文本消息 */
.template_text {   }
	.template_text p {font-size: 14px; color:#6A6A6A; display: table-cell; vertical-align: top;}
	.template_text textarea { width: 350px; height: 190px; border:1px solid #e7e7eb; }

/* 活动 */
.template_event {  }
	.template_event p {font-size: 14px; color:#6A6A6A;}
	.template_event select { width: 350px; height: 30px;line-height:30px; border:1px solid #e7e7eb;
	}

.template_eventContent { width: 360px; padding: 10px 20px; border:1px solid #e7e7eb; margin-top: 20px; overflow: hidden; position: relative; background-color: #FFFFFF;

}
	.template_eventContent p { line-height: 1.5em; margin: 5px 0; font-size: 14px;}
	.template_eventContent_title { font-size: 18px; font-weight: bold;}
	.template_eventContent_date {}
	.template_eventContent_img { width: 100%; height: 200px; overflow: hidden;}
		.template_eventContent_img img {width: 360px;}
	.template_eventContent_description {  }


/* 链接 */
.template_link {  }
	.template_link p {font-size: 14px; color:#6A6A6A; height: 30px; margin-bottom: 20px;}
	.template_link select { width: 350px; height: 30px;line-height:30px; border:1px solid #e7e7eb; }
	.template_link input { width: 370px; height: 30px;line-height:30px; border:1px solid #e7e7eb; }

/* 游戏 */
.template_game {  }
	.template_game p {font-size: 14px; color:#6A6A6A;}
	.template_game select { width: 350px; height: 30px;line-height:30px; border:1px solid #e7e7eb; }

	.template_game .btn_edit { font-size: 14px; padding:4px 5px; }

	.template_gameContent { width: 360px; padding: 10px 20px; border:1px solid #e7e7eb; margin-top: 20px; }
	.template_gameContent p { line-height: 1.5em; margin: 5px 0; font-size: 14px;}
	.template_gameContent_title { font-size: 18px; font-weight: bold;}
	.template_gameContent_date {}
	.template_gameContent_img { width: 100%; height: 200px; overflow: hidden;}
		.template_gameContent_img img {width: 360px;}
	.template_gameContent_description { }


/* 多图文 */
.template_multiImage {   }
	.template_multiImage p {font-size: 14px; color:#6A6A6A;}
	.template_multiImage select { width: 360px; height: 30px;line-height:30px; border:1px solid #e7e7eb; }

.template_multiImageContent { width: 360px; padding: 10px 20px; border:1px solid #e7e7eb; margin-top: 20px; position: relative; overflow: hidden; background-color:#ffffff;

}
.template_multiImageContent_Titleimg { width: 360px; height: 200px; overflow: hidden; position: relative; }
	.template_multiImageContent_Titleimg img {width: 360px; display: block;}


	.template_multiImageContent_shadow { height: 24px; background-color: #000000;  position:absolute; bottom:0; z-index: 100; width: 100%;
		opacity: 0.7;
		filter: alpha(opacity=70); 
	}
	.template_multiImageContent_title { font-size: 14px; height: 24px; line-height: 24px; text-align: right; color:#FFFFFF; padding-left: 10px;
		position:absolute; bottom:0; z-index: 200;}

	.template_multiImage .btn_edit { 
        text-decoration: none;
        margin-left: 20px;
        color: #666666;
        padding: 4px 20px;
        font-size: 14px;
        font-family: "微软雅黑";
        /*border: 1px solid #e6e7ec;
        background-image: -webkit-linear-gradient(180deg, #ffffff, #cccccc);
        background-image: linear-gradient(180deg,#ffffff,#eeeeee);*/ 
    }

	.template_multiImage_subList {  }
		.template_multiImage_subList li { padding:10px 0; border-top: 1px solid #AAAAAA; }
		.template_multiImage_subTitle { float: left; }
		.template_multiImage_subImg { width: 70px; height: 70px; display: block; overflow: hidden; background: #f5f5f5; float: right; }
			.template_multiImage_subImg img {vertical-align: middle; height: 70px; width: 70px;}

	.template_multiImage .shadowCover { width: 100%; height: 100%; background-color: #000000; position:absolute; top: 0; left: 0; z-index: 2000; 
		display:none; overflow: hidden;
		filter: Alpha(opacity=70);
		opacity:0.70;
	}
		.template_multiImage:hover .shadowCover { display: block; vertical-align: middle; text-align: center;}
		.template_multiImage .shadowCover a { }
		.template_multiImage .shadowCover a img { width: 60px; margin:50px 20px 0;}


.chooseButton { text-align: center; margin: 15px auto;}
	.chooseButton button ,.chooseButton input { border: 1px solid #ff6a00;
        color: #FFFFFF;
        background: #ff9000;
        padding: 6px 30px;
        border: none;
        font-size: 14px;
        font-family: "微软雅黑";
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
	}
    .chooseButton #keyDelete { margin-left:20px; }

/* 灰色面板 */
.grayBox { background-color: #F7F7F7; border:1px #EAEAEA solid; padding: 20px 10px; }

/* 控制台 */
#page_console #layoutTable { width: 100%; border-collapse: collapse; }
#page_console #layoutTable td { background-color: #f9f9f9; border:12px solid #FFFFFF; font-size: 14px; font-family: "微软雅黑"; 
	padding:0 12px; vertical-align: middle; 
}
#page_console #layoutTable td span { font-size: 14px; font-family: "微软雅黑"; }
#page_console #layoutTable td .vmiddle {vertical-align: top; font-size: 18px; font-family: "微软雅黑"; height: 25px; line-height: 25px;}


#page_console #layoutTable .orange { color:#ff7400; }
#page_console #layoutTable .green { color:#adc75a; }
#page_console #layoutTable .purple { color:#d48cde; }
#page_console #layoutTable .blue { color:#89c1e4; }
#page_console #layoutTable .red { color:#dc6666; }

#page_console #layoutTable .h100 { height: 100px; line-height: 100px; }
#page_console #layoutTable .h50 { height: 50px; line-height: 50px; }
#page_console #layoutTable .h25 { height: 25px; line-height: 25px; }

#page_console #layoutTable .p025 { width: 25%; }
#page_console #layoutTable .p030 { width: 30%; }
#page_console #layoutTable .p060 { width: 60%; }
#page_console #layoutTable .p090 { width: 90%; }
#page_console #layoutTable .fs18 { font-size: 18px; }
#page_console #layoutTable .fs26 { font-size: 26px; }
#page_console #layoutTable .fr { float: right; }
#page_console #layoutTable .btn { vertical-align: top; display: block; }
#page_console #layoutTable .btn img {position: relative; top:10px;}

#page_console #backgroundNews_title { font-size: 14px; vertical-align: top; font-weight: bold; }
#page_console #backgroundNews_newsList li { line-height: 21px; height: 21px; overflow: hidden; }
	#page_console #backgroundNews_newsList li .new { background: #3fa30d; color:#eaffc5; padding: 0 4px; font-size: 12px; line-height: 12px; }
#page_console #backgroundNews_btnViewAll { width: 80%; margin: 5px auto; padding: 5px 0; text-align: center; display: block; 
	border:1px solid #cccccc; background-color: #ffffff;  display: block; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#page_console #ongoingEvent_title {  font-size: 14px; vertical-align: top; font-weight: bold; }
#page_console #ongoingEvent_eventList { height: 210px; overflow: scroll; overflow-x: hidden;  }
#page_console #ongoingEvent_eventList li { line-height: 21px; height: 21px; overflow: hidden; color: #555555; }
#page_console #ongoingEvent_eventList li .date { float: right; color: #b8b8b8; margin-right: 10px; }


/* 系统设置 */
#page_systemSetting #settingForm {}
#page_systemSetting #settingForm td {font-size: 14px; font-family: "微软雅黑"; padding: 4px 10px; vertical-align: middle; }
#page_systemSetting #settingForm td span {font-size: 14px; font-family: "微软雅黑";}
#page_systemSetting #settingForm td input { width: 250px; height: 30px; padding: 0 5px; border: 1px solid #e7e7eb; }
#page_systemSetting #settingForm .red { color:#ce0000; }
#page_systemSetting #settingForm .left { text-align: right; }
#page_systemSetting #settingForm .qrcode { width: 150px; height: 150px; }


/* 遮罩层 */
#shadowCover { position: absolute; background-color: #000000; width: 100%; 
	opacity:0.5; 
  filter:alpha(opacity=50);
  display: none; z-index: 1000;
}

/* 遮罩层上的内容 */
#coverContent { width: 100%; position: absolute; top:100px; 
	display: none; z-index: 2000;
}
	#coverContent_switchUser { width: 800px; margin: 0 auto; background-color: #ffffff; padding-bottom: 20px; overflow: hidden;
		display: none; z-index: 3000;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	  #coverContent_switchUser .title { height: 36px; line-height: 36px; background-color: #2c2d28; color: #ffffff; font-size: 18px; padding-left: 10px; }
	  #coverContent_switchUser #qrcodeList { width: 90%; margin:0 auto; height: 350px; padding-top: 20px; }
	    #coverContent_switchUser #qrcodeList li { width: 28%; padding: 10px; display: block; float: left; }
	      #coverContent_switchUser #qrcodeList li:hover { background: #eeeeee; }
	      #coverContent_switchUser #qrcodeList li a {width: 100%; text-align: center; display: block;}
	      #coverContent_switchUser #qrcodeList li img { width: 100%;}
 
	      #coverContent_switchUser #qrcodeList li span { height: 1em; line-height: 1em; overflow: hidden;  }


#wBox .wBox_body td input[type="button"] {
    font-size: 14px;
    color: #787878;
    border: #cfcfcf 1px solid;
    height: 27px;
    background: url(../images/grayButtonBg.png) repeat-x;
    padding: 4px 14px;
    display:block;
    float:left;
    margin-right:20px;
} 
	     
 
          .xwbtn {
            border-color: #ccc;
            border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
            display: inline-block;
            padding: 4px 10px 4px;
            margin-bottom: 0;
            font-size: 13px;
            line-height: 18px;
            color: #333;
            text-align: center;
            text-shadow: 0 1px 1px rgba(255,255,255,0.75);
            vertical-align: middle;
            cursor: pointer;
            background-color: #f5f5f5;
            background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
            background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
            background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
            background-image: -o-linear-gradient(top,#fff,#e6e6e6);
            background-image: linear-gradient(top,#fff,#e6e6e6);
            background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
            background-repeat: repeat-x;
            border: 1px solid #ccc;
            border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
            border-color: #e6e6e6 #e6e6e6 #bfbfbf;
            border-bottom-color: #b3b3b3;
            filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
            filter: progid:dximagetransform.microsoft.gradient(enabled=false);
            -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
            -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

    .xwbtn.active,.xwbtn:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 ;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    }

    .clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
    .clearfix { *zoom:1; }

#xw_loader
{
    z-index: 9999;
    position:fixed;
    left:50%;
    margin-left:-25px;
    top:50%;
    margin-top:-25px;
}
    
#to_left_arr {
display: block;
width: 38px;
height: 36px;
background: url("../images/to_left_arr.png") no-repeat left top;
position: absolute;
margin-left: -25px;
}

#xw_button {
    color: #FFFFFF;
    background: #3F4C6B;
    padding: 6px 20px;
    border: none;
    font-size: 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

}


/* 橙色按钮 */
.btn_orange {color: #FFFFFF; background: #ff9000; padding: 6px 30px; border: none; font-size: 14px; font-family: "微软雅黑";
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

 
