@charset "utf-8";
/* -------------------------------------------------------------------------------------- */
/*                                      Booen.Inc @ 2016.04.17                            */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/*                      				body                                              */
/* -------------------------------------------------------------------------------------- */
body									{ background:#FFF url("images/bg-01.jpg") no-repeat center center fixed; }
/* -------------------------------------------------------------------------------------- */
/*                      				header                                            */
/* -------------------------------------------------------------------------------------- */
.header									{ color: #FFF; }
/* -------------------------------------页面顶部LOGO-------------------------------------- */
.headerLogo								{ color: #FFF; }
.headerLogo a,
.headerLogo a:visited,
.headerLogo a:hover						{ color: #FFF; }
.headerLogo .booen_icon					{ color: #FFF; }
.headerUser, .headerUser a				{ color: #FFF; opacity:.7; }
/* -------------------------------------------------------------------------------------- */
/*                      				mainBox                                           */
/* -------------------------------------------------------------------------------------- */
.mainContentBox 						{ border:#252525 5px solid; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
/* -------------------------------------------------------------------------------------- */
/*                      				leftMenuBox                                       */
/* -------------------------------------------------------------------------------------- */
.leftMenuBox							{ background:#29333F; }
/* -------------------------------------左侧导航上方TAB切换------------------------------- */
.menuTabBox ul li 						{ border-bottom: #1F80B1 1px solid; background-image: -webkit-linear-gradient(0deg, #1B76A6, #238FC6); background-image: linear-gradient(0deg, #1B76A6, #238FC6); }
.menuTabBox ul li.menuSelector_on		{ background-image: -webkit-linear-gradient(180deg, #1B76A6, #238FC6); background-image: linear-gradient(180deg, #1B76A6, #238FC6); }
.menuTabBox ul li:hover 				{ color:#F0FFB5; }
.menuTabBox ul li.menuSelector_on 		{ color:#F0FFB5; }
/* -------------------------------------左侧导航----------------------------------------- */
.menuBox								{ margin-top:46px; }
.menuBox ul li:hover 					{ background-image: -webkit-linear-gradient(90deg, #29333F, #F6F6F6); background-image: linear-gradient(90deg, #29333F, #F6F6F6); }
.menuBox ul li.menu_on 					{ background-image: -webkit-linear-gradient(90deg, #29333F, #F6F6F6); background-image: linear-gradient(90deg, #29333F, #F6F6F6); }
.menuBox ul li:hover a					{ color: #FFF; }
.menuBox ul li.menu_on a				{ color: #000; }
.menuBox ul li:hover .booen_icon,
.menuBox ul li.menu_on .booen_icon  	{ color: #F0FFB5; }
.menuBox ul li a 						{ color: #C0E3F5; }
.menuBox ul li .booen_icon 				{ color: #FFFFFF; }
/* -------------------------------------------------------------------------------------- */
/*                      				rightMainBox                                      */
/* -------------------------------------------------------------------------------------- */
.rightMainBox							{ background:#F6F6F6; }
.bodyBox								{ border-top:#CCC 1px solid; }
/* -------------------------------------右侧框架页面顶部导航------------------------------ */
.bodyTopMenu ul li						{ border-color:#ccc; background-image: -webkit-linear-gradient(180deg, #fff, #F6F6F6); background-image: linear-gradient(180deg, #fff, #F6F6F6); }
.bodyTopMenu ul li:hover				{ background-image: -webkit-linear-gradient(180deg, #fff, #F6F6F6); background-image: linear-gradient(0deg, #fff, #F6F6F6); }
.bodyTopMenu ul li.active				{ background-image: -webkit-linear-gradient(180deg, #E3FA8D, #F6F6F6); background-image: linear-gradient(180deg, #E3FA8D, #F6F6F6); border-bottom:#F6F6F6 1px solid; }
.bodyTopMenu ul li a					{ color: #3D2F23; }
.bodyTopMenu .booen_icon				{ color: #3D2F23; }
/* -------------------------------------右侧框架页面顶部右侧快捷操作按钮------------------- */
.bodyTopToolbar ul li					{ border: #ccc 1px solid; background-image: -webkit-linear-gradient(180deg, #fff, #F6F6F6); background-image: linear-gradient(180deg, #fff, #F6F6F6); }
.bodyTopToolbar ul li:hover				{ background-image: -webkit-linear-gradient(0deg, #fff, #F6F6F6); background-image: linear-gradient(0deg, #fff, #F6F6F6); }
/* -------------------------------------------------------------------------------------- */
/*                      				Passport only                                     */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------网站列表----------------------------------------- */
.websiteList							{ width: 826px; }
.websiteList .websiteBox				{ width: 186px; height: 206px; float: left; position: relative; margin: 10px; _margin: 8px; background: url("images/websiteBox_bg.png") no-repeat; }
.websiteList .websiteBox:hover			{ background: url("images/websiteBox-hover_bg.png") no-repeat; }
.websiteList .websitePreviewImage 		{ width: 165px; height: 147px; background: url("images/websitePreviewImage.png") no-repeat; margin: 0 auto; position: absolute; top: 12px; left: 11px; z-index: 1; }
.websiteList .websitePreviewImage img.previewImage
										{ border: 0; background: #fff; padding: 2px; width: 161px; height: 143px; }
.websiteList .websiteBox .websiteInfo	{ width: 149px; border: #fff 1px solid; background: #fff; color: #333; font-weight: bold; position: absolute; top: 12px; left: 13px; z-index: 2; opacity: 0.80; -moz-opacity: 0.80; filter: alpha(opacity=80); padding: 5px; }
.websiteList .websiteManageButton		{ background: url("images/websiteManageButton.png") no-repeat; left: 10px; bottom: 10px; position: absolute; }
.websiteList .websiteManageButton a		{ display: block; width: 81px; height: 28px; }
.websiteList .websiteVisitButton		{ background: url("images/websiteVisitButton.png") no-repeat; right: 9px; bottom: 10px; position: absolute; }
.websiteList .websiteVisitButton a		{ display: block; width: 81px; height: 28px; }
.websiteList .websiteAddBox				{ width: 186px; height: 206px; float: left; position: relative; margin: 10px; _margin: 8px; background: url("images/websiteAddBox_bg.png") no-repeat; }
.websiteList .websiteAddBox:hover		{ background: url("images/websiteAddBox-hover_bg.png") no-repeat; }
.websiteList .websiteAddBox a			{ display: block; width: 186px; height: 206px; }
/* -------------------------------------登录及注册表单------------------------------------ */
.passportForm							{ padding: 20px 0 0 0; width:600px; margin:10px auto; position:relative; }
.passportForm table						{ background: none; }
.passportForm table td					{ padding: 10px; background: none; color:#fff; }
.passportForm table td input			{ background:none; border:#fff 1px solid; border-radius:0; height:50px; width:100% !important; color:#fff; font-size:20px; vertical-align:middle; text-indent:10px; padding:0; }
.passportForm table td input:hover		{ background:none; }
.passportForm table td textarea			{ background:none; border:#fff 1px solid; border-radius:0; height:200px; width:100% !important; color:#fff; font-size:20px; padding:0px; text-indent:10px; }
.passportForm table td select			{ width:100% !important; border-color:#fff; vertical-align:middle; text-indent:0; padding:10px 0px; background:none; color:#fff; font-size:20px; text-indent:10px; }
.passportForm table td select option	{ background:none; color:#333; text-indent:10px; }
.passportForm table td .textPs			{ color:#fff; opacity:.7; font-size:14px; }
.passportForm table td .textPs a		{ color:#fff; }
.passportForm :-moz-placeholder			{ color: #FFFF99; font-style:italic; }
.passportForm ::-moz-placeholder		{ color: #FFFF99; font-style:italic; }
.passportForm input:-ms-input-placeholder,
.passportForm textarea:-ms-input-placeholder { color: #FFFF99; font-style:italic; }
.passportForm input::-webkit-input-placeholder,
.passportForm textarea::-webkit-input-placeholder {color: #FFFF99; font-style:italic; }

.passportForm .regValiCode				{ height:52px; width:100%; position:relative; }
.passportForm .regValiCode input		{ position:absolute; left:0; top:0; z-index:1; }
.passportForm .regValiCode .valiCodeBox	{ position:absolute; right:0px; top:2px; z-index:2; }
.passportForm .weChatCodeTd				{ position:relative; }
.passportForm .weChatCodeTd .weChatCode	{ position:absolute; bottom:8px; right:8px; z-index:3; display:none; }
.passportForm .weChatCodeTd:hover .weChatCode { display:block; }

.passportForm .booen_icon				{ background:none; vertical-align:middle; font-size:80px; }
.passportForm .GoLogin					{ position: absolute; top:50%; right:-300px; font-size:40px; line-height:50px; margin-top:-40px; }
.passportForm .GoReg					{ position: absolute; top:50%; left:-300px; font-size:40px; line-height:50px; margin-top:-87px; }
.passportForm .GoLogin a				{ color:#fff; opacity:.3; }
.passportForm .GoLogin a:hover			{ color:#FF9; opacity:1; }
.passportForm .GoReg a					{ color:#fff; opacity:.3; }
.passportForm .GoReg a:hover			{ color:#FF9; opacity:1; }