@charset "utf-8";
/* Customize CSS Document */


/*============================
----- Global
============================*/

html,body {
    height: 100%;/* The html and body elements cannot have any padding or margin. */
	font-family: Tahoma, Geneva, Arial, sans-serif;
	background:#fff;
	min-width:1013px;
	}

textarea {
	width:80%;
	}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -100px;
	}
	/* Wrapper for page content to push down footer */

/* Set the fixed height of the footer here */
#push,
#footer {
	display:block;
	height: 100px;
	}
#footer {
	background-color: #fff;
	}

.container {
	margin-right: auto;
	margin-left: auto;
	width: auto;
	max-width: 1013px;
	_width:1013px;
	/*_width:expression(this.clientWidth > 680 ? "680px" : "auto");*/
	}

.center {
	text-align:center;
	}

.clearboth{
	clear:both;
}



/*============================
----- Header
============================*/

.container-maxwidth {
	width:100%;
	background:#fff;
	}

.page-header {
	position:relative;
	margin: 0;
	height:125px;
	background:url(../img/common/header-logo.jpg) no-repeat;
	}
	.page-header .form-control { /*bootstrap.css*/
		margin-bottom:3px;
		display: block;
		width: 100%;
		height: 30px;
		}
	.page-header .btn { /*bootstrap.css*/
		padding: 18px 15px;
		margin-bottom:5px;
		font-size: 17px;
		}
	.page-header a.form-lostkey,
	.page-header a:hover.form-lostkey,
	.page-header a:focus.form-lostkey {
	  padding-left: 10px;
	  color: #e7c8ff;
	  font-size:12px;
      line-height: 14px;
      display: inline-block;
      width: 60px;
	  text-align:left;
	}
	.page-header .form-control {
		border: 1px solid #34701C;
		}

.navigator {
	position:absolute;
	right:0;
	bottom:0;
	_bottom:-1px;/*IE6*/
	z-index:100;
	}
	.navigator a:hover {transition: 0.4s;}

.member-panel {
	position:relative;
	float:right;
	width:555px;
	height:85px;
	display:block;
	}
	.form-login {
		text-align:right;
		background:url(../img/common/header-login.jpg) no-repeat;
		}
	.form-logout {
		text-align:right;
		background:url(../img/common/header-logout.jpg) no-repeat;
		}
	.button-register {
		position:absolute;
		left:0;
		top:0;
		z-index:100;
		width:195px;
		height:75px;
		display:block;
		text-align:center;
		text-indent:-99999px;
		background-image:url(../img/common/btn-pageheader-register.gif);
		background-repeat:no-repeat;
		background-position:top;
		}
		.button-register:hover {background-position:bottom}

	.member-panel input.input-medium {/*border:1px solid #fff*/}


.member-panel p.detail {
	position:absolute;
	left:220px;
	top:17px;
	color:#fff;
	z-index:101;
	width:226px;
	text-align:left;
	}
	.member-panel p.detail label {
		width:227px;
		white-space:nowrap;
		overflow:hidden;
		-o-text-overflow:ellipsis;
		text-overflow:ellipsis;
		}
	.member-panel p.detail a {
		transition: 0.4s;
		color:#00c7d6;
		text-decoration:none;
		}
		.member-panel p.detail a:hover {
			margin-left:20px;
			margin-left:0\9\0;
			*margin-left:0;
			letter-spacing:1px;
			letter-spacing:0\9\0;
			*letter-spacing:0;
			}

.member-panel p.split {
	position:absolute;
	left:210px;
	z-index:101;
	width:170px;
	margin-top:4px;
	+margin-top:5px;/*IE7*/
	_margin-top:4px;/*IE6*/
	}
.member-panel p.box {
	position:absolute;
	top:10px;
	right:20px;
	z-index:101;
	}
	.form-login .ctm-submit {
		width:67px;
		height:58px;
		border:0;
    background-color: #3e185d;
    color: #fff;
    border-radius: 10px;
		}
	.form-logout .ctm-submit {
		width:67px;
		height:58px;
		border:0;

		    background-color: #3e185d;
    color: #fff;
    border-radius: 10px;
		}
		.ctm-submit:hover {background-position:bottom;}
	.ctm-submit span {text-indent:-9999px;}

	.member-panel .navbar-form input {
		margin-top:3px;
		+margin-top:1px;/*IE7*/
		_margin-top:1px;/*IE6*/
		}


.contact-livechat {
    padding: 3px 10px;
	letter-spacing:1px;
    font-size: 12px;
    background-color: #cb1f1b;
    color: #fff;
    border-radius: 14px;
	transition: 0.1s;
	}
.header-livechat {
	position: absolute;
    top: 71px;
    left: 220px;
	z-index:100;
    padding: 0px 10px;
	letter-spacing:1px;
    font-size: 12px;
    background-color: #cb1f1b;
    color: #fff;
    border-radius: 14px;
	transition: 0.1s;
	}
	.header-livechat:hover,
	.contact-livechat:hover {
		color:#fff;
		text-decoration: none;
		background-color: #eb2d29;
		}




/*============================
----- Slide Banner
============================*/

.slidebanner-container div[class^="change"] {
	margin-left: 10px;
	}

.carousel {
	z-index:101;
	width:700px;
	height:280px;
	overflow:hidden;
	}
	.carousel img {width:700px;height:280px;}
	.carousel-caption {
		display:none;
		}
.slidebanner-container {
	margin-top:8px;
	}
	.slidebanner-container .change-span3 {
		width:303px;
		}






/*============================
----- Notice News
============================*/

.notice {
	position:relative;
	z-index:101;
	width:303px;
	height:280px;
	background:#ececec;
	overflow:hidden;
	}
	.notice h4 {
		margin:0;
		padding:0 15px;
		height:50px;
		line-height:50px;
		display:block;
		font-weight:normal;
		color:#fff;
		background:#7a4d9e;
		}
	.scroll-panel {
		padding:0 15px;
		width:273px;/*303px;*/
		height:230px;
		font-size:13px;
		border:0;
		
		}
	.notice-translucent {
		position:absolute;
		left:0;
		bottom:0;
		width:289px;
		height:39px;
		z-index:150;
		display:block;
		background:url(../img/common/notice-translucent.png) bottom no-repeat;
		_display:none;/*IE6*/
		}
		.scroll-panel div {
			line-height: 18px;
			/*text-align:justify;*/
			}
			.scroll-panel div p {
				margin-top:16px;
				color:#7a4d9e;
				}
				.scroll-panel div p span {
					margin-left:5px;
					color:#3b7b2f;
					font-size:12px;
					}





/*============================
----- Footer
============================*/

#footer [class^="change"] {
	width:773px
	}
#footer {
	font-size:14px;
	color:#949494;
	}
	#footer a {
		color:#222;
		text-decoration:none;
		}
		#footer a:hover {
			color:#7d7d7d
			}
		#footer a.goback {
			margin:28px 0 0 0;
			width:217px;
			height:43px;
			line-height:43px;
			font-size:14px;
			color:#252525;
			display:block;
			text-indent:78px;
			background:url(../img/common/btn-backhob.gif) top no-repeat
			}
			#footer a:hover.goback {
				color:#252525;
				text-decoration:none;
				background:url(../img/common/btn-backhob.gif) bottom no-repeat
			}

ul.footer-navigator {
	float:right;
	margin:28px 0 0 0;
	display:inline;
	}
	ul.footer-navigator li {
		float:left;
		padding:0 20px 0 5px;
		list-style:none;
		background:url(../img/common/footer-italics.gif) right center no-repeat;
		}
		ul.footer-navigator li#clear {
			padding:0 0 0 5px;
			background:none;
			}

.copyright {
	float:right;
	_margin:-20px 0 0 0;/*IE6*/
	width:100%;
	font-size:13px;
	text-align:right;
	display:inline;
	}





/*============================
----- Member Column
============================*/

[class^="special-left-"] {
	width:238px;
	margin-bottom:15px;
	}
[class^="special-right-"] {
	margin-top:15px;
	width:755px;
	}

.column-menu {
	margin-top:15px;
	width:238px;
	}
	.column-menu li {
		padding:0 2px;
		list-style:none;
		color:#333;
		font-size:14px;
		}
		.column-menu li.title {
		    line-height: 45px;
			font-size:18px;
			color:#fffefe;
			text-indent:20px;
			letter-spacing:1px;
			background-color: #7a4d9e;
			}
		.column-menu li a {
			line-height:normal;
			display:block;
			cursor:pointer;
			padding-left:20px;
			background-color: #f2f2f3;
			}
			.column-menu li a:hover {text-decoration:none;transition: 0.1s;color: #7a4d9e;background-color: #e5e1e8;}
			.column-menu li.mark a {
				cursor:default;
				color:#7a4d9e;
				background-color:#ebe6ef;
				}
			.column-menu li a p {
				padding: 12px 0;
				display: flex;
			    align-items: center;
				/*
				background-image:url(../img/common/mm-icon.png);
				_background-image:none;
				background-repeat:no-repeat;
				*/
				}
				/*
				.column-menu .m01 p {background-position:18px -3px;}
				.column-menu .m02 p {background-position:18px -47px;}
				.column-menu .m03 p {background-position:18px -92px;}
				.column-menu .m04 p {background-position:18px -135px;}
				.column-menu .m05 p {background-position:18px -182px;}
				.column-menu .m06 p {background-position:18px -226px;}
				.column-menu .m07 p {background-position:18px -272px;}
				.column-menu .m08 p {background-position:18px -315px;}
				.column-menu .m09 p {background-position:18px -360px;}
				*/

			.column-menu li > ul li {
				}
				.column-menu li > ul li a {
					height:35px;
					line-height:35px;
					font-size:14px;
					background:none;
					text-indent:0;
					border-top:1px solid #fff;
					border-bottom:1px solid #f2f2f3;
					}
					.column-menu li.mark li a {
						cursor:pointer;
						color:#222;
						font-size:14px;
						background:none;
						}
						.column-menu li.mark li a:hover {
							color:#7a4d9e;
							}

					.column-menu li > ul li a span {
						padding-right:10px;
						color:#18b4ee;
						font-size:18px;
						font-weight:bold;
					}
					.column-menu li > ul li a:hover {
						font-size:15px;
						background:none;
					}
			.column-menu li ul li {
				padding:0;
				}
				.column-menu li li a {
					height:35px;
					line-height:35px;
					font-size:15px;
					background:none;
					text-indent:27px;
					border-top:1px solid #fff;
					border-bottom:1px solid #d2d4a5;
					background:none;
					}
					.column-menu li ul li a:hover {
						font-size:15px;
						background:none;
						}
				.column-menu li ul li a span {
					padding-right:10px;
					color:#18b4ee;
					font-size:18px;
					font-weight:bold;
					}
					.column-menu li > ul li > ul li {
						}
		.column-menu li li a.selected {
			color:#7a4d9e;
			}

	


/*============================
----- Scroll onTop
============================*/

.goup-text {
	height:20px;
	font-size:14px;
	background:#ff0;
	}






/*============================
----- Marquee Scroll
============================*/

#marquee {
		padding:1px;
		width:753px;/*755px*/
		height:31px;
		line-height:31px;
		font-size:14px;
		color:#472265;
		overflow:hidden;
		white-space:nowrap;
		background-color: #f2f2f3;
	}
	#marquee strong {margin-right:10px;color:#f93500;}
	#scroll_begin, #scroll_end, #scroll_begin p, #scroll_end p{display:inline;}
	#scroll_begin p, #scroll_end p {padding:0 0 0 750px;}






/*============================
----- Main Content
============================*/


/* Title */
h1 {
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	font-size:22px;
	text-indent:32px;
	_text-indent:0;/*IE6*/
	font-weight:normal;
	border-bottom:2px solid #f2f2f3;
	}
	.title-icon {
		background-image:url(../img/common/mm-icon.png);
		_background-image:none;/*IE6*/
		background-repeat:no-repeat;
		}
		.title-icon.m01 {background-position:0 -3px;}
		.title-icon.m02 {background-position:0 -48px;}
		.title-icon.m03 {background-position:0 -93px;}
		.title-icon.m04 {background-position:0 -137px;}
		.title-icon.m05 {background-position:0 -185px;}
		.title-icon.m06 {background-position:0 -227px;}
		.title-icon.m07 {background-position:0 -273px;}
		.title-icon.m08 {background-position:0 -317px;}
	h1 small {
		font-size:17px;
		font-weight:normal;
		}

/* Global */
#maincontent {
	padding-bottom:50px;
	font-size:14px;
	line-height:22px;
	}
	#maincontent ul {
		margin:5px 0 0 30px;
		}
		#maincontent li {
			line-height:24px;
			}

	#maincontent table {
		margin-top:5px;
		margin-bottom:5px;
		}
		#maincontent ul {margin:0 0 0 30px;}
		#maincontent ol {margin:0 0 0 30px;}
		#maincontent li {line-height:22px;}

p.table-title {
	margin-top:15px;
	font-size:15px;
	}
	p.table-title span {
		padding:6px 15px;
		font-size:15px;
		}


.row .change-span8 {
	margin-left:33px;
	_padding-left:30px;/*IE6*/
	width:680px;
	}
	.row .change-span8 #maincontent {
		font-size:16px;
		line-height:26px;
		}



/*============================
----- Register Form
============================*/

.register {
	position:relative;
	margin:20px auto 0 auto;
	padding:20px 50px 40px 50px;
	+padding:70px 50px 40px 50px;/*IE7*/
	_padding:70px 50px 40px 50px;/*IE6*/
	width:86%;
	background:#f5f4f7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow-x:hidden;
	}

	.register h4 {
		position:absolute;
		left:0;
		top:-10px;
		z-index:90;
		width:100%;
		_width:950px;/*IE6*/
		font-size:20px;
		text-align:left;
		text-indent:50px;
		height:44px;
		line-height:44px;
		color:#fff;
		background: #7a4d9e
		}
	.register-info {
		margin-top:50px;
		}
		.register-info p {margin-bottom:10px;}
	
		.register-info .control-label {
			width: 180px;
		}
	
	.register-from-info .controls {
		margin-left:1px;
		}
		.register-from-info p {margin-bottom:10px;}
		.register-from-info .checkbox {
			margin-right:20px;
			width:160px;
			cursor:pointer;
			_cursor:none;/*IE6*/
			}

		.register-from-info .register-agreement .checkbox {width:auto;}

	.register-tnc {
		padding:25px 30px;
		background:#fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
		.register-tnc label {
			display:block;
			}


.register-agreement {
	}
	.register-agreement #myModalLabel {
		text-indent:23px;
		}
	.register-agreement h4 {
		color:#333;
		background:#F7F1AC;
		}
	.register-agreement .modal-body {
		color:#333;
		font-size:15px;
		}
	.register-agreement .nopadding {
		padding:0;
		overflow:hidden;
		}
	.register-agreement .modal-body iframe {
		width:680px;
		}
	.register-agreement ul {margin:0 0 0 30px;}
	.register-agreement ol {margin:0 0 0 30px;}
	.register-agreement li {margin:5px 0;line-height:22px;}

.tnc-agreement {
	font-size:15px;
	}
.tnc-agreement ul {margin:0 0 0 30px;}
.tnc-agreement ol {margin:0 0 0 30px;}
.tnc-agreement li {margin:5px 0;line-height:22px;}



/*============================
----- Others
============================*/


.bs-docs-example {
  position: relative;
  margin: 25px 0 0 0;
  padding: 20px 19px 14px;
  *padding-top: 19px;
  background-color: #f2f2f3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.bs-docs-example form {
	margin:0;
	}


/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding-top: 15px;
}

.move:hover {
  -webkit-animation: move 15s infinite;
}

.namecard {
	padding:30px 0;
	width:80%;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:#eeebf1
	}

tr.sub td {
	padding:0 8px;
	line-height:30px;
	}











.affiliate p.title {
	margin-bottom:35px;
	font-size:18px;
	font-weight:bold;
	color:#7a4d9e;
	}
.affiliate li {
	margin-bottom:35px;
	}
	.affiliate li img {
		margin-top:10px;
		max-width:600px;
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		border:4px solid #f5f4f7;
		-webkit-box-shadow: 2.5px 2.5px 5px -2px rgba(84,82,60,1);
		-moz-box-shadow: 2.5px 2.5px 5px -2px rgba(84,82,60,1);
		box-shadow: 2.5px 2.5px 5px -2px rgba(84,82,60,1)
		}






.zoom-minify {
	zoom: 0.8;
	-ms-zoom: 0.8;
	-webkit-zoom: 0.8;
	-moz-transform: scale(0.8);
	margin-bottom: 15px;
	}




.button-panel {
	width:80px;
	display:inline-block;
	}