/* CSS Document */

/*******************
 * user login
 *******************/
.login {
	margin: 5px 0px 10px;
	background-image: url(../img/userlogin/userlogin_bg.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
	border: 1px solid cbcbcb;
	border-color: cbcbcb a2a2a2 a2a2a2 cbcbcb;
	position: relative;
}
.login p {
	margin: 0px 0px 0px 13em;
	position: absolute;
	top: 0.5em;
	white-space: nowrap;
}
.login div {
	padding: 2px 0px 2px 4px;
	font-size: 110%;
	margin: 0px;
	line-height: 110%;
	width: 12em;
	background-color: #efefef;
}
.login a {
	font-weight: normal;
	font-size: 90%;
	background-image: url(../img/shared/dir_at.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding: 0px 6px 0px 14px;
}
.login_before {
	margin: 5px 0px 10px;
	background-image: url(../img/userlogin/userlogin_bg.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
	font-size: 80%;
	border: 1px solid cbcbcb;
	border-color: cbcbcb a2a2a2 a2a2a2 cbcbcb;
	position: relative;
}
.login_before h2 {
	padding: 2px 0px 2px 4px;
	font-size: 110%;
	margin: 0px;
	line-height: 110%;
	width: 12em;
	background-color: #efefef;
}
.login_before p {
	margin: 5px 0px 0px 14em;
	position: absolute;
	top: 0.5em;
	white-space: nowrap;
}
.login_before a {
	font-weight: normal;
	font-size: 110%;
	background-image: url(../img/shared/dir_at.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding: 0px 6px 0px 14px;
}
.login label {
	border-left: 3px solid #FFE026;
	padding: 2px 4px 0px 3px;
	margin-left: 10px;
}
.login input {
	ime-mode: disabled; /* IE extends */
}
.login select {
	margin-right: 15px;
}

.login-margin {
	margin: 5px 10px 10px;
}
.login .disabled,
.login .disabled option {
	background-color: #eeeeee;
}
.login-error {
	border: 1px solid e8e8e8;
	padding: 0.4em 0.5em;
	background-image: url(../img/userlogin/disable_bg.gif);
	margin: 10px 0px;
	font-weight: bold;
	color: #ed1c24;
}
.login-error img {
	vertical-align: middle;
}

.login-link {
	text-align: right;
	margin-top: 0px
}

.login-link span {
	margin-left: 10px;
}

.login-link a {
	font-weight: normal;
	font-size: 80%;
	background-image: url(../img/shared/dir_at.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding: 0px 5px 0px 15px;
}

.login-title {
	font-weight: bold;
}

.login h2 {
	padding: 2px 0px 2px 4px;
	font-size: 110%;
	margin: 0px;
	line-height: 110%;
	width: 18em;
	background-color: #efefef;
}


/*******************
 * news
 *******************/

#at_top h2 {
	font-size: 120%;
	padding: 12px 20px;
	background-image: url(../img/shared/h2_atbg.gif);
	background-position: 100% 0%;
	background-repeat: no-repeat;
	margin: 5px 0px 20px;
	color: #ffffff;
	height: 40px;
	overflow: hidden;
}


#at_top h3 {
	font-size: 100%;
	padding: 7px 7px;
	margin: 30px 0px 15px 13px;
	height: 28px;
	overflow: hidden;
	background-image: url(../img/at_submenu/h3_bg.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
}

/*******************
 * news
 *******************/
.news {
	margin: 15px 0px;
	border: 1px solid #dadada;
	border-top: none;
	padding: 5px 1px 1px 1px;
	background-image: url(../img/news/at_news_top_line.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	position: relative;
}
* html body .news { /* apply for WinIE */
	width: 100%;
}
.news h3 {
	padding: 3px 4px 7px;
	font-size: 100%;
	border-style: solid;
	border-width: 1px 3px 2px 3px;
	border-color: #fff3ba #fff7c6 #f2f2f2 #fff7c6;
}
.news .past {
	margin: 0px 4px;
	border-bottom: 1px solid #fff3ba;
	text-align: right;
	padding: 0px 20px 8px 0px;
	position: absolute;
	width: 99%;
	top: 14px;
}
.news .past a {
	background-image: url(../img/shared/dir_at.gif);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding: 0px 6px 0px 14px;
	height: 12px;
	font-size: 60%;
}
.news ul {
	border-style: solid;
	border-width: 0px 3px 0px 3px;
	border-color: #fff7c6;
	margin: 0px;
	padding: 10px 16px 12px;
	height: 8.8em;
	overflow: auto;
}
.news ul li {
	margin: 0.4em 0px;
	font-weight: bold;
	font-size: 90%;
}
.news ul li img {
	margin-right: 7px;
}
.news ul li a {
	margin-left: 10px;
	font-weight: normal;
	font-size: 110%;
}
.news .icons {
	border-style: solid;
	border-width: 0px 3px 1px 3px;
	border-color: #fff3ba #fff7c6;
	font-size: 80%;
	padding: 13px 0px 8px;
	background-image: url(../img/news/at_border.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
}
.news .icons img {
	margin: 0px 3px 0px 6px;
	vertical-align: middle;
}


/*******************
 * list
 *******************/
 
.bread-crumb {
	font-size: 80%;
	border-left: 3px solid #007df0;
	padding: 0px;
	text-indent: -5px;
	margin: 15px 10px;
}
.bread-crumb a {
	color: #000000;
	text-decoration: none;
	padding: 0px 10px;
}

/*******************
 * top_adImg
 *******************/
 
.adImg, .adImg_test, .adImg_test2 {
	overflow: hidden;
	margin: 1em 10px 1em 20px;
}

.adImg a {
	display: block;
	width: 100%;
	height: 314px;
	background-image: url(../at/makeshop/img/at_makeshop_bg.gif);
	background-position: 100% 202px;
	background-repeat: no-repeat;
}

.adImg_test a {
	display: block;
	width: 100%;
	height: 200px;
	background-image: url(../at/img/angeltouchpro_bg.gif);
	background-position: 100% 0px;
	background-repeat: no-repeat;
}

.adImg_test2 a {
	display: block;
	width: 100%;
	height: 100px;
	background-image: url(../at/img/at_bg2.gif);
	background-position: 100% 0px;
	background-repeat: no-repeat;
}

.setwidth {
	_width:100%;
	margin: 1em 10px 1em 20px;
}

/*******************
 * at_pro
 *******************/

.adImg_pro {
	overflow: hidden;
	margin: 1em 10px 1em 20px;

	display: block;
	width: 100%;
	height: 200px;
	background-image: url(../at/img/angeltouchpro_bg.gif);
	background-position: 100% 0px;
	background-repeat: no-repeat;
}

/*******************
 * link
 *******************/
 
.linkBanner {
	_width:100%;
	margin: 20px 10px 20px 20px;
	background-color: #FFFBEE;
	border: 1px solid #D9D9D9;
	text-align: center;
}

.linkBanner img {
	margin: 7px 8px;
}

/*******************
 * PR
 *******************/


.explan {
 	padding-right:10px;
	vertical-align: top;
 }
 
.pr {
	width: 220px;
	vertical-align: top;
	border-left: 1px solid #FAEEB2;
 }
 
.pr {
	width: 250px;
	vertical-align: top;
	border-left: 1px solid #FAEEB2;
 }
 
.pr div {
	margin-left:10px;
	margin-right:20px;
}

.pr_title {
	padding-top:20px;
	padding-bottom:20px;
}

.pr_title A {
	color: #6F6F6F;
	text-decoration:none;
}
 
.pr_title A:hover {
	color: #B7B7B7;
	text-decoration:underline;
} 
 
.pr_link A {
 	color:#0000CC; 
	text-decoration:underline;
} 

.pr_link A:hover {
	color:#7F7FE5; 
	text-decoration:none;
}

.pr_text {
	font-size: 80%;
	line-height: 120%;
	padding-top:5px;
	padding-bottom:5px;
}

.pr_url {
	font-size: 80%;
	padding-bottom:20px;	
}

.pr_url A {
 	color:#009900; 
	text-decoration:none;
} 
 
.pr_url A:hover {
 	color:#7FCC7F; 
	text-decoration:none;
} 

.Sign {
	text-align: right;	
}