@charset "utf-8"; 

/* text */
.joinText0{
    text-align:left;
	margin: 0 0 0 15px;
	padding:4px 0 0 2px;
	font-weight:bold;
}

.joinText1{
    text-align:left;
	margin: 5px 0 0 20px;
	line-height:20px;
}
.joinText2{
    text-align:left;
	margin: 0 0 0 15px;
	padding: 3px;
	line-height:20px;
	background-color:#CC3300;
}
/* headder */

#homehead{
	width: 750px;
	margin:0;
	text-align:left;
	background-repeat:no-repeat;
	text-align:left;
}
h1{
	margin:0px;
	width:336px;
	float:left;
}

/* navigation area */
#navi{
    margin:0px;
    width:414px;
    float:right;
	height:70px;
	background-image: url("../img/n_heaader.gif");
}
#navi1{
    height:36px;
	padding: 4px 6px 0 6px;
}
#navi2{
	margin: 0;
    height:30px;
}

#navigation ul{
   list-style : none;
   text-align:center;
}
#navigation li{
	display : block;
	margin:12px 3px 0 2px;
	padding:0 4px 0 0;
	float:right;
	border-right:solid 1px #FF3300;
}

#move-page{
    width:740px;
	padding:2px 2px 0 2px;
	text-align:left;
}

#move-page ul{
   list-style : none;
}
#move-page li{
	display : block;
    margin:2px 2px 2px 2px;
	padding:0 2px 0 0;
	float:left;
	border-right:solid 1px #666666;
	font-size:11px;
}

/* page navi */
#pagenavi{
    width: 742px;
    padding: 2px;
	border:solid 1px #CC0000;
	background-color:#330033;
	text-align:left;
	font-size:12px;
	}

/* main pics */
#mainpics{
    width: 750px;
    margin:0;
	}

/* contents Area */

#pagebody{
	width: 750px;
    margin: 0 auto;
    background-image: url("../img/n_container_bg.gif");
	background-repeat:repeat;
	clear:both;
}
#linkss{
    margin: 0 auto;
	clear:both;
}
#linkss table{
	margin:5px 0 5px 0;
}

#linkss a:hover{
    color: #FFFFFF;
}
#linkss a:active{
    color: #FFFFFF;
}

/* Hot News */
	
#hot{
    width: 724px;
	height: 234px;
    margin: 10px;
	text-align: center;
	padding:4px;
	background-repeat:no-repeat;
	background-image:url(../img/hotnews.jpg);
	}
.hot-p{
    line-height: 50px;
	font-size: 24px;
	line-height: 35px;
	color:#FFFFFF;
	height: auto;
}
.hot-p-s{
    line-height: 40px;
	font-size: 18px;
	line-height: 35px;
	color:#FFFFFF;
	height: auto;
}
.hot-p-s-r{
    line-height: 40px;
	font-size: 18px;
	line-height: 35px;
	color:#FFFFFF;
	height: auto;
	text-align:right;
}

/* left */
#leftcol{
    width: 400px;
	float:left;
	text-align:left;
}

#discription{
    width: 375px;
	padding: 4px;
	border:solid 1px #000000;
	background-color:#333333;
	margin:5px 5px;
	background-image: url("../img/n_kado.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
#news{
    width: 375px;
	padding: 4px;
	background-color:#333366;
	border:solid 1px #000000;
	margin:5px 5px;
	background-image: url("../img/n_kado.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
#gallery{
    width: 375px;
	padding: 4px;
	border:solid 1px #000000;
	background-color:#660066;
	margin:5px 5px;
	background-image: url("../img/n_kado.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
#mov{
    width: 375px;
	padding: 4px;
	border:solid 1px #000000;
	background-color:#660066;
	margin:5px 5px;
	background-image: url("../img/n_kado.gif");
	background-position:top right;
	background-repeat:no-repeat;
}

#other{
    width: 180px;
	padding: 4px;
	border:solid 1px #000000;
	background-color:#333333;
	margin:5px 5px;
	background-image: url("../img/n_kado.gif");
	background-position:top right;
	background-repeat:no-repeat;
}

/* right */
#rightcol{
    width: 350px;
	float: right;
	background-image: url("../img/n_rightcol.gif");
	background-repeat:no-repeat;
	background-position:top right;
}

/* description */
#update{
    width: 95%;
	padding: 5px;
	margin-top:5px;
}
.updatecol{
    width: 95%;
	padding: 5px;
	margin-top:10px;
	border-bottom:solid 1px #000000;
}

/* under page */
#under-leftcol{
    width: 200px;
	float:left;
	text-align:left;
}

#under-rightcol{
    width: 535px;
	float:right;
	padding: 5px;
	margin-top:5px;
	background-image: url("../img/n_rightcol.gif");
	background-repeat:repeat-y;
	background-position:top right;
}

/* how to bind */
#htb{
	width: 740px;
	height:500px;
    margin: 0;
	background-image:url(../en_lesson/img/title.gif);
	background-repeat:no-repeat;
	}

/* sample pics gallery */
#samplePGallery1{
    width:530px;
	padding:2px;
    border: solid 1px #336699;
	margin: 0;
	text-align:center;
	color:#FFFFFF;
}
.samplePGallery1title{
    border: 0;
	margin: 2px;
	padding: 2px;
	background-color:#336699;
	font-weight:bold;
}
.samplePGallery1title1{
    border: 0;
	margin: 2px;
	padding: 2px;
	background-color:#336699;
	font-weight:bold;
	text-align:left;
}

/* sample mov gallery */
#samplePm1ov{
    width:530px;
	padding:2px;
    border: solid 1px #336699;
	margin: 0;
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;
}
#sampleMe{
    width:530px;
	padding:2px;
    border: solid 1px #666699;
	margin: 0;
	text-align:center;
	color:#FFFFFF;
	background-color:#000000;
}
.sampleMetitle{
    border: 0;
	margin: 2px;
	padding: 2px;
	background-color:#666699;
	font-weight:bold;
	text-align:left;
}
.sampleMede{
	margin: 2px;
	padding: 0;
	text-align:left;
	color:#66CCFF;
}
.mov-page{
	margin: 2px;
	padding: 0;
	text-align:left;
	color:#FFFFFF;
}

/* MOVIE */
.bl{ 
    color:#000000;
}
#movieG-Title{
    border: 0;
	margin: 0px;
	padding: 2px;
	background-color:#000000 ;
	font-weight:bold;
	text-align:left;
}
#movieG-Box{
    width:500px;
	padding:2px;
	margin: 0;
	text-align:center;
}
#movieG-discript{
    width:520px;
	padding:2px;
    border: solid 1px #000000;
	margin: 0 0 25px 0;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../img/movie_n.gif);
}

#movieG-up{
    width:520px;
	height:220px;
	padding:2px;
    border: solid 1px #000000;
	margin: 0 0 25px 0;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../img/movie_n.gif);
}
#movieG{
    width:520px;
	height:205px;
	padding:2px;
    border: solid 1px #000000;
	margin: 0 0 25px 0;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../img/movie_g.gif);
}
#movieG-fin{
    width:520px;
	height:205px;
	padding:2px;
	height:205px;
    border: solid 1px #000000;
	margin: 0 0 25px 0;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../img/movie_f.gif);
}

#movieG-fin2{
    width:520px;
	height:400px;
	padding:2px;
	height:205px;
    border: solid 1px #000000;
	margin: 0 0 25px 0;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../img/movie_f.gif);
}


#movie-thum{
    width:500px;
	height:50px;
	padding:2px;
	margin: 0;
	text-align:center;
}
#movie-thum ul{
   list-style : none;
   text-align:center;
}
#movie-thum li{
	display : block;
	margin: 5px 4px 5px 0;
	padding:2px 5px 2px 5px;
	float:left;
}
#movie-speed ul{
   list-style : none;
   text-align:center;
}
#movie-speed li{
	display : block;
	margin-left: 15px;
	padding:1px;
	float:left;
}

#movie-thum img {
	border: 1px solid #000000;
}
#movie-thum a:hover img {
	border: 1px solid #00CCCC;
}
#movie-box{
    width:500px;
	height:130px;
	padding:2px;
	margin: 0;
	text-align:center;
}
#movie-box img {
	border: 1px solid #000000;
}
#movie-box img {
	border: 1px solid #000000;
}
#movie-box a:hover img {
	border: 1px solid #00CCCC;
}
#movie-box img {
	border: 1px solid #000000;
}
div.movie-box { border-style: none; font-size:13px; color:#CCCCCC; line-height: 22px;}

div.col1 { padding: 10px; margin:2px;  text-align:center;}
	 div.col1 div.movie-box { border-style: none;}
div.col2 { padding: 10px; margin:2px; }
	 div.col2 div.movie-box { border-style: none;}
div.lay2col { width: 100%; margin: 0; }
	div.lay2col div.col1 { float:left; width: 160px; height: 110px; border: solid 1px #000000; background-image:url(../img/bg_border.gif); background-repeat:repeat; margin: 2px 20px 0 2px;}
	div.lay2col div.col2 { float:left; width: 160px; height: 110px; border: solid 1px #000000; background-image:url(../img/bg_border.gif); background-repeat:repeat; margin: 2px 20px 0 2px;}

div.movie-boxx { border-style: none; font-size:13px; color:#CCCCCC; line-height: 22px;}

div.col1 { padding: 10px; margin:2px;}
	 div.col1 div.movie-boxx { border-style: none;}
div.col2 { padding: 10px; margin:2px;}
	 div.col2 div.movie-boxx { border-style: none;}
div.col3 { padding: 10px; margin:2px;}
	 div.col2 div.movie-boxx { border-style: none;}
div.lay3coll { width: 100%; margin: 0;}
	div.lay3col div.col1 { float:left; width: 140px; height: 110px; border: solid 1px #000000; background-image:url(../img/bg_border.gif); background-repeat:repeat; margin: 2px 12px 0 2px;}
	div.lay3col div.col2 { float:left; width: 140px; height: 110px; border: solid 1px #000000; background-image:url(../img/bg_border.gif); background-repeat:repeat; margin: 2px 12px 0 2px;}
	div.lay3col div.col3 { float:left; width: 140px; height: 110px; border: solid 1px #000000; background-image:url(../img/bg_border.gif); background-repeat:repeat; margin: 2px 12px 0 2px;}

div.movie-boxxx { border-style: none; font-size:13px; color:#CCCCCC; line-height: 22px;}

div.col1 { padding: 10px; margin:2px;}
	 div.col1 div.movie-boxx { border-style: none;}
div.col2 { padding: 10px; margin:2px;}
	 div.col2 div.movie-boxx { border-style: none;}
div.col3 { padding: 10px; margin:2px;}
	 div.col2 div.movie-boxx { border-style: none;}
div.lay3coll { width: 100%; margin: 0; }
	div.lay3coll div.col1 { float:left; width: 220px; height: 110px; border: solid 1px #000000; text-align: left; margin: 2px 12px 0 2px;}
	div.lay3coll div.col2 { float:left; width: 220px; height: 110px; border: solid 1px #000000; text-align: left; margin: 2px 12px 0 2px;}
	div.lay3coll div.col3 { float:left; width: 220px; height: 110px; border: solid 1px #000000; text-align: left; margin: 2px 12px 0 2px;}


/* JOIN US table */
#join {
    width: 100%;
	padding: 0;
	text-align:left;
}
#join table{
    width:95%;
    border: solid 1px #336699;
	margin: 2px;
	padding: 0;
}
#join th,td{
    border: 0;
	margin: 2px;
	padding: 0;
	text-align: left;
}


/* innner thumnail */
#innerThumnail-update{
    width:98%;
	padding:2px;
}
#innerThumnail-update table {
    border: solid 1px #336699;
	margin: 2px;
	padding: 0;
	color:#FFFFFF;
}
#innerThumnail-update th{
    border: 0;
	margin: 2px;
	padding: 2px;
	background-color:#CC0033;
	font-weight:normal;
	text-align:center;
}
#innerThumnail-update td {
    border: 0;
	margin: 2px;
	padding: 3px;
	text-align:center;
}
#innerThumnail-update a:link img {
	border: 2px solid #999999;
}
#innerThumnail-update a:visited img {
	border: 2px solid #999999;
}
#innerThumnail-update a:hover img {
	border: 2px solid #999999;
}
#innerThumnail-update a:active img {
	border: 2px solid #999999;
}

.innerThumnail-updateC{
    background-color:#666699;
}
.innerThumnail-updateB{
    background-color:#000000;
}

/* sub */
#update ol{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	}
#update li{
	margin: 8px 0 0 0;
	padding-left: 4px;
	list-style-type: decimal;
}

/* member */
#boxMember{
	width: 750px;
	height:450px;
    margin: 0;
	background-image:url(../en_member/member/img/back.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#mL{
    width: 180px;
	padding: 4px;
	margin:20px 5px 5px 0px;
}
#mL0{
    width: 180px;
	padding: 4px;
	margin:230px 5px 5px 0px;
}

/* innerblock-special gallery */
div.innerblock-sg { border-style: none; margin: 2px 0 0 0; padding: 4px; font-size:13px; color:#FFFFFF; line-height: 22px; }

div.col1 { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col1 div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col2 { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col2 div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col3 { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col3 div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col4 { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col4 div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col5 { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col5 div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }

div.lay5col { width: 100%; border: 0px; margin: 2px; }
	div.lay5col div.col1 { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-r.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col2 { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-r.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col3 { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-r.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col4 { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-r.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col5 { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-r.gif); background-repeat:repeat; padding: 4px; }

/* innerblock-old gallery */
div.innerblock-og { border-style: none; margin: 2px 0 0 0; padding: 4px; font-size:13px; color:#FFFFFF; line-height: 22px; }

div.col1o { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col1o div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col2o { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col2o div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col3o { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col3o div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col4o { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col4o div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }
div.col5o { padding: 0px; margin: 2px 0 2px 2px; }
	 div.col5o div.innerblock-sg { border-style: none; margin: 2px; padding: 2px; }

div.lay5col { width: 100%; border: 0px; margin: 2px; }
	div.lay5col div.col1o { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-g.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col2o { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-g.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col3o { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-g.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col4o { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-g.gif); background-repeat:repeat; padding: 4px; }
	div.lay5col div.col5o { float:left; width: 132px; height: 105px; border: solid 1px #000000; text-align: center; background-image:url(../en_member/pics/img/bg-g.gif); background-repeat:repeat; padding: 4px; }