﻿/*
	蓝色颜色值 : 4eb6ff  rgba(78,182,255);
*/

/*========== adLaw-Menu ==========*/
.adLaw .adLaw-menu {height:34px; border:1px #4eb6ff solid; border-left:none; border-right:none; margin-bottom:15px;}
.adLaw .adLaw-menu ul li {float:left;}
.adLaw .adLaw-menu ul a, .adLaw .adLaw-menu ul li span {float:left; height:100%; line-height:34px; font-size:1.1em; padding:0 25px;}
.adLaw .adLaw-menu ul a:hover {background:rgba(78,182,255,.2); color:#333;}
.adLaw .adLaw-menu ul li span {background:#4eb6ff; color:#fff; cursor:default;}
/*-----adLaw-Login-----*/
.adLaw .adLaw-menu .adLaw-login {float:right; height:34px; line-height:34px; font-size:1.05em;}
.adLaw .adLaw-menu .adLaw-login a, .adLaw .adLaw-menu .adLaw-login span {padding:0 10px;}

/*================================================
                 ADVTOOL.JSP
================================================*/
/*========== 广告输入框区域 ==========*/
.adLaw .adLaw-inputArea {border:1px #ccc solid; border-radius:6px; overflow:hidden;}
.adLaw .adLaw-inputArea .adLaw-title {height:36px; line-height:36px; padding:0 20px; background:#f6f6f6; font-size:1.25em; border-bottom:1px #ccc solid;}

.adLaw .adLaw-inputArea .adLaw-textarea-box {margin:10px; height:300px; min-height:300px; font-size:1.2em; line-height:20px; color:#555; cursor:text; border:none; outline:none;}

/*----- adLaw-footer -----*/
.adLaw .adLaw-footer {margin-top:15px;}
/*--按钮区域--*/
.adLaw .adLaw-footer .adLew-btns {height:60px; text-align:center;}
.adLaw .adLaw-footer .adLew-btns span {display:inline-block; height:40px; line-height:40px; font-size:1.25em; font-weight:bold; padding:0 40px; margin:0 10px; cursor:pointer; border-radius:6px;}
.adLaw .adLaw-footer .adLew-btns span.clearNr {background:#e6e6e6; color:#777;}
.adLaw .adLaw-footer .adLew-btns span.checkNr {background:#4eb6ff; color:#fff;}
/*--广告语区域--*/
.adLaw .adLaw-footer .adLaw-advs {text-align:center; height:100px;}
.adLaw .adLaw-footer .adLaw-advs .adLaw-adv {height:28px; font-size:1.3em;}
.adLaw .adLaw-footer .adLaw-advs .adLaw-adv a {text-decoration:underline;}
.adLaw .adLaw-footer .adLaw-advs .adLaw-tip {font-size:1.1em; color:#666;}




/*================================================
                25万关键词页面
================================================*/
.adLaw .showKeywords {border:1px #ddd solid; min-height:600px; border-radius:5px; padding:10px; margin-bottom:15px;}
.adLaw .showKeywords .showKeywords-tit {height:60px; line-height:60px; text-align:center; font-size:2.2em;}
/*=====请登录=====*/
.adLaw .showKeywords .noShowKeywords {margin:0 5%; height:400px; border:2px #4eb6ff solid; border-radius:10px; background:rgba(78,182,255,.75); color:#fff; position:relative;}
.adLaw .showKeywords .noShowKeywords .plaseLogin {position:absolute; width:100%; bottom:55%; margin-bottom:5px; font-size:3em; text-align:center; font-weight:bold;}
.adLaw .showKeywords .noShowKeywords .tips {position:absolute; width:80%; padding:0 10%; text-align:center; font-size:1.4em; top:45%; margin-top:5px;}
/*=====分类=====*/
.adLaw .showKeywords .keywordCategory ul {width:90%; margin:0 auto;}
.adLaw .showKeywords .keywordCategory ul li {float:left; width:16.66%; margin-bottom:30px;}
.adLaw .showKeywords .keywordCategory ul li a {display:block; width:100px; height:100px; margin:0 auto; line-height:100px; text-align:center; border:2px #999 solid; color:#999; border-radius:50%; font-size:1.5em;}
.adLaw .showKeywords .keywordCategory ul li span {display:block; height:30px; line-height:30px; text-align:center; color:#666; font-size:1.2em;}
.adLaw .showKeywords .keywordCategory ul li a.active,
.adLaw .showKeywords .keywordCategory ul li:hover a {border:2px #4eb6ff solid; color:#4eb6ff; background:rgba(78,182,255,.03);}
/*=====检索提示=====*/
.adLaw .showKeywords .searchTip span {display:block; padding:10px; border:1px #4eb6ff solid; background:rgba(78,182,255,.2); text-align:center; font-size:1.2em; margin:10px 0;}
.adLaw .showKeywords .searchTip span:after {content:'提示 : 使用键盘上的Ctrl+F进行搜索';}
/*=====查看分类=====*/
.adLaw .showKeywords .selectCategory span {display:block; height:200px; line-height:200px; text-align:center; font-size:2.4em;}

.adLaw .showKeywords .theKeywords {margin-bottom:30px;}
.adLaw .showKeywords .theKeywords .theKeywords-category span {display:block; height:36px; line-height:36px; border:1px #4eb6ff solid; padding:0 15px; background:rgba(78,182,255,.2);}
.adLaw .showKeywords .theKeywords .theKeywords-show ul {margin-left:5px; margin-top:5px;}
.adLaw .showKeywords .theKeywords .theKeywords-show ul li {float:left; width:19.75%; height:30px; line-height:30px; text-align:center; color:#333; font-size:1.1em; margin-left:-1px; margin-top:-1px; border:1px #333 solid; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*=====点击增加一万个词=====*/
.addKeyword span {display:block; height:40px; line-height:40px; background:rgba(78,182,255,.8); color:#fff; text-align:center; font-size:1.2em; border-radius:5px; cursor:pointer;}
.addKeyword span:hover {background:rgba(78,182,255,1);}

/*================================================
                新广告法页面
================================================*/
.adLaw .lawArticle {border:1px #ccc solid; background:#fcfcfc; padding:20px 50px; margin-bottom:15px;}

.adLaw .lawArticle .adLaw-adv {width:100%;}

.adLaw .lawArticle .lawArticle-bigTitle {height:50px; line-height:50px; font-size:1.7em; text-align:center;}
.adLaw .lawArticle .lawArticle-quanwen {line-height:20px; text-align:center; font-size:1.05em;}
.adLaw .lawArticle .lawArticle-title {height:40px; line-height:30px; font-size:1.4em; border-top:1px #e6e6e6 solid; padding-top:10px;}
.adLaw .lawArticle .lawArticle-articles {line-height:23px; font-size:1.15em; margin-bottom:30px;}

.adLaw .lawArticle .lawArticle-category {padding:15px 20px; background:#fff; border:1px #ccc solid; margin-bottom:15px;}
.adLaw .lawArticle .lawArticle-category dl dt,
.adLaw .lawArticle .lawArticle-category dl dd {float:left; margin-right:15px; height:30px; line-height:30px;}
.adLaw .lawArticle .lawArticle-category dl dt {font-size:1.35em;}
.adLaw .lawArticle .lawArticle-category dl dd {font-size:1.1em;}
.adLaw .lawArticle .lawArticle-category dl dd span {padding:0 3px;}




.textArea {border:1px #999 solid; font-size:14px;}
.textArea > .tit {height:30px; line-height:30px; text-indent:10px; background:#eee; border-bottom:1px #ccc solid;}
.textArea > .textBox {min-height:350px; border:none; outline:none; padding:10px 0; text-indent:10px; background:url(../images/placeholder-pc.gif) left top no-repeat;}
.textArea.active {border:1px #4eb6ff solid;}
.textArea.active > .textBox {background:none;}
.textArea.active > .textBox .error {color:red; font-size:16px; margin:0 5px;}

b.error {position:relative;}
b.error > .tipsbox {position:absolute; width:450px; top:50%; z-index:3; visibility:hidden;
-webkit-transform:translate(5px,-50%);
-moz-transform:translate(5px,-50%);
-o-transform:translate(5px,-50%);
transform:translate(5px,-50%);
}
b.error > .tipsbox.l {right:100%; margin-right:15px;}
b.error > .tipsbox.r {left:100%; margin-left:5px;}
b.error > .tipsbox > i {position:absolute; width:12px; height:12px; top:50%; margin-top:-6px; border:none; background:#ff6; z-index:3;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
b.error > .tipsbox.r > i {border-left:1px #933 solid; border-bottom:1px #933 solid; left:0; margin-left:-7px;}
b.error > .tipsbox.l > i {border-right:1px #933 solid; border-top:1px #933 solid; right:0; margin-right:-7px;}
b.error > .tipsbox > .box {border:1px #933 solid; border-radius:4px; padding:3px 6px; background:#ff6; color:#666;}
b.error > .tipsbox > .box .qa {font-size:15px;}
b.error > .tipsbox > .box .tip {font-size:14px; font-weight:normal;}
b.error:focus > .tipsbox,
b.error:hover > .tipsbox {visibility:visible;}
@media screen and (max-width:480px) {
	.textArea > .textBox {min-height:250px;}
	.textArea > .textBox {background:url(../images/placeholder-mobile.gif) left top no-repeat;}
	b.error > .tipsbox {width:480px;}

}

