/* Common Style */
/* Tag */

/*
a, a:link {color:#666; text-decoration:none}
a:hover {text-decoration:none; color:#333}
a:active, a:visited {text-decoration:none}
/*
ul {list-style-type:none}
ul li {float:left}
*/
.logo {width:230px;height:235px;background:red;}

p.space2 {clear:both;height:2px;border:0px solid;}
p.space4 {clear:both;height:4px;border:0px solid;}
p.space6 {clear:both;height:6px;border:0px solid;}
p.space8 {clear:both;height:8px;border:0px solid;}
p.space10 {clear:both;height:10px;border:0px solid;}
p.space14 {clear:both;height:14px;border:0px solid;}
p.space18 {clear:both;height:18px;border:0px solid;}
p.space20 {clear:both;height:20px;border:0px solid;}
p.space30 {clear:both;height:30px;border:0px solid;}

.green12 {color:#090;}
.red14 {font-size:14px;color:#900;}

.black18 {font-size:14px;}

.style11 {font-size: 10px; color: #333333; }
.style11 a:link, a:active {font-size: 10px; font-weight: normal; color: #09F;}
.style11 a:hover {font-size: 10px; font-weight: normal; color: #090;}
.style11 a:visited {font-size: 10px; font-weight: normal; color: #999;}

.style20 {font-size: 10px}
.style21 {color: #999999}

a.Lblue:link, a.Lblue:visited{font-weight:bold;font-size:12px;color:#09F;text-decoration:none;}
a.Lblue:hover{color:#099;font-size:12px;text-decoration:none;}

a.Lred:link, a.Lred:visited{font-size:12px;color:#F66;text-decoration:none;}
a.Lred:hover{color:#F00;font-size:12px;text-decoration:none;}

a.Lblack:link, a.Lblack:visited{font-size:12px;color:#999;text-decoration:none;}
a.Lblack:hover{color:#000;font-size:12px;text-decoration:none;}


/* pagination */

.paginum{
position: relative; left: 2px; margin-left: 2px; margin-right: 2px;
}



img {
border: 0px; 
}

/* book mark */

.clip-team-data fieldset{
clear: both;
position: relative;
width: 100px; 
height: 50px; 
border: 1px solid #DDD; 
text-align: center;
padding: 4px;
padding-bottom: 10px;
}

.clip-team-data fieldset legend{
/*background: #CCA383;*/
position: relative;
font-weight: bold;

font-size: 11px; 
color: #F00;
}


/* clip home link */

.cliphomelink{
clear: both;
margin-right: 10px;
font-size: 10px;
color: #666;
}

.cliphomelink a:link{
clear: both;
font-size: 10px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

.cliphomelink a:visited{
clear: both;
font-size: 10px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

.cliphomelink a:hover{
clear: both;
font-size: 10px;
font-weight: normal;
color: #095;
text-decoration: underline;
}

.cliplinkcolor{
color: #000;
}


/* clip link ----------> */


.linkmainteam{
font-size: 14px;
color: #999;
}

.linkmainteam a:link{
clear: both;
font-size: 14px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

.linkmainteam a:visited{
clear: both;
font-size: 14px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

.linkmainteam a:hover{
clear: both;
font-size: 14px;
font-weight: normal;
color: #095;
text-decoration: underline;
}

/* link back board */

.linkbackboard{
font-size: 12px;
color: #999;
}

.linkbackboard a:link{
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

.linkbackboard a:visited{
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

.linkbackboard a:hover{
font-size: 12px;
font-weight: normal;
color: #095;
text-decoration: underline;
}



 br{clear:both;}

.h5{clear: both; height: 5px; }
.h10{clear: both; height: 10px;}
.h20{clear: both; height: 20px;}

.linkmore{
clear: both;
position: relative;
height: 20px;
width: 40px;
background: #FFF;
}

.linkmore a:link{
position: relative;
float: right;
right: 10px;
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

.linkmore{
position: relative;
float: right;
right: 10px;
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: underline;
}



div.hotnews a:link, a:active, a:visited {
position: relative;
text-align: left;
color: #09F;
text-decoration: none;
}

div.hotnews a:hover {
position: relative;
color: #09F;
text-decoration: underline;
}



/*-->*/

.style1 {color: #FF0000}

.nvlevel2list ul {
	float: left;
}

.nvlevel2list li {
	text-align: left;
	float: left;
	border-bottom: 1px dotted #cccccc;
	list-style: none;
	margin: 0;
	width: 125px;
	height: 25px;

}

.nvlevel2list li a:link {
	float: left;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	display: block;
	line-height: 2em;
	width: 125px;
	padding: 0px;
}

.nvlevel2list li a:visited {
	float: left;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	display: block;
	line-height: 2em;
	width: 125px;
	padding: 0px;
}


.nvlevel2list li a:hover {
	text-decoration: underline;
	float: left;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: #F00;
	display: block;
	line-height: 2em;
	width: 125px;
	padding: 0px;
}






.li-link a:link, a:visited{
font-size: 12px;
font-weight: normal;
}


/* --- movie clip detail 2 --- */


.main-movie-detail{
position: relative;
top:0px;
min-height: 700px;
height: auto;
width: 100%;
float: left;
text-align: left;
background: #FFF;
border: 0px solid #999;
}


/* main movie clip */
.bartop-mainclip{
position: relative;
bottom: 5px;
height: 50px;
width: 100%;
background: #CCC;
}

.boxmain-movie{
position: relative;
float: left;
width: 150px;
height: 180px;
margin-right: 30px;
margin-bottom: 20px;
/* background: #DDD; */
border: 1px solid #DDD;
}

.boxpic-clip{
position: relative;
height: 78px;
border: 0px solid; 
/* background: #FFF; */
}

.boxout-movieclip{
clear: both; 
width: 100%; 
position: relative; 
left: 15px; 
overflow: hidden;
}

.boxdata-clip{
position: relative;
clear: both;
float: left;
text-align: left;
width: 100%;
left: 5px;
}


/* clip detail page */

.border-team-code{
clear:both;
position: relative;
width: 100%;
top: 70px;
min-height: 15px;
height: auto;
font-size: 14px;
}

.border-team-code-embed{
position: relative;
clear:both;
width: 100%;
top: 70px;
min-height: 15px;
height: auto;
font-size: 14px;
text-align:center;
}

.border-team-works{
clear: both; 
position: relative; 
top: 120px; 
width: 82%;
height: 20px; 
/* background: #095; */
border-bottom: 2px solid #F00;
font-size: 14px;
color: #F00;
margin-left: 50px;
}

.zone-team-works{
clear: both; 
position: relative; 
width: 84%;
height: 90px;
font-size: 14px;
top: 125px;
color: #F00;
border: 1px solid #DDD;
/* background: #DDD; */
margin-left: 45px;
}


div.clipback a:link{
position: relative;
float: left;
left:5px;
top: 5px;
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}


div.clipback a:visited{
position: relative;
float: left;
left:5px;
top: 5px;
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

div.clipback a:active{
position: relative;
float: left;
left:5px;
top: 5px;
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}


div.clipback a:hover{
position: relative;
float: left;
left:5px;
top: 5px;
font-size: 12px;
font-weight: normal;
color: #F00;
}

/* link board */

div.link-board-main a:link{
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

div.link-board-main a:visited{
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

div.link-board-main a:active{
font-size: 12px;
font-weight: normal;
color: #09F;
text-decoration: none;
}

div.link-board-main a:hover{
font-size: 12px;
font-weight: normal;
color: #099;
text-decoration: none;
}





.clip-team-name-topic{
position: relative;
float: left;
left: 50px;
text-align: left;
width: 110px;
}

.clip-team-data{
position: relative;
float: left;
left: 50px;
text-align: left;
width: 300px;
}

/*
.clip-team-data-embed{
position: relative;
float: left;
left: 15px;
text-align: left;
width: 300px;
}
*/

.card-team-data-embed{
position: relative;
float: left;
left: -50px;
text-align: left;
width: 300px;
}


.clip-topic{
float: left;
clear:both;
font-size: 20px;
width: 320px; 
border:1px solid #095; background: #DDD;
}


.clip-detail-main-title {
position: relative;
clear: both;
float: left;
top: 15px;
left: 50px;
font-size: 16px;
font-weight: bold;
}

.clip-name-detail{
position: relative;
clear: both;
float: left;
top: 35px;
left: 50px;
width: 450px;
font-size: 25px;
font-weight: normal;
color: #F00;
}


/* banner link right main page */

div.bannerlink a:link, a:active, a:visited {
width: 107px;
text-align: center;
}

div.bannerlink a:hover{
width: 107px;
position: relative;
}

div.bannerlink img{
text-align: center;
border: none;
}

div.tab-bar-top{
width: 548px;
height: 25px;
background: url(../img/bar.gif) no-repeat;
}

/** Share */
.share {
position:relative;
left:2px;
width: 225px;
height: 65px;
background: url(../img/logo/sn_bg.gif) no-repeat;
}

/** happy clip login */
.apply-login {
	margin-top:10px;
	width:512px;
	height:140px;
}

/** happy clip step 2 */
.title-apply {
	width:530px;
	height:20px;
	padding:8px 0 0 16px;
	text-align:left;
	font-size: 16px;
}

/* form */
.bt {
	border: 1px solid #999;
	width: 90px;
	color: #333;
	cursor:hand;
	cursor:pointer;
}

input.login {
	width:240px;
	padding:2px;
}


.hide {
    display:none;
}

.bt-vote {
	clear: both;
	cursor:pointer;
	cursor:hand;
}

.addthis{
position: relative; 
top: -20px; 
left: 90px;
}


.thislink{
position: relative;
}

.thislink a:link{
position: relative;
width: 16px;
border: 1px solid;
border: none;
}

.thislink a:active{
position: relative;
width: 16px;
text-align: left;
border: none;
}

.thislink a:visited{
position: relative;
width: 16px;
border: none;
}

.thislink a:hover{
position: relative;
font-size: 12px;
text-decoration: none;
border: none;
}

.thislinkmore a:link{
font-size: 12px;
color: #000;
font-weight: bold;
text-align: left;
border: none;
}

.thislinkmore a:active{
font-size: 12px;
color: #000;
font-weight: bold;
text-decoration: none;
left: 0px;
right: 0px;
text-align: left;
border: none;
}

.thislinkmore a:visited{
font-size: 12px;
color: #000;
font-weight: bold;
text-align: left;
border: none;
}

.thislinkmore a:hover{
font-size: 12px;
color: #000;
font-weight: bold;
text-align: left;
border: none;
}

/* link default */

a:link{
font-size: 12px;
color: #09F;
font-weight: normal;
text-decoration: none;
}

a:active{
font-size: 12px;
color: #09F;
font-weight: normal;
text-decoration: none;
}

a:visited{
font-size: 12px;
color: #09F;
font-weight: normal;
text-decoration: none;
}

a:hover{
font-size: 12px;
color: #099;
font-weight: normal;
text-decoration: none;
}



/* gallery */


.th_title-uni{
position: relative;
height: auto;
}

.mainphoto-gallery{
clear: both;
width: 100%;
height: auto;
}

.mainphoto-gallery-img {
clear: both;
float: left;
width: 48px;
height: 36px;
overflow: hidden;
}

/* final round */

.cup-finalround {
position: absolute;
z-index: 99;
float: right;
padding-left: 430px;
}

.cup-finalround-blue {
position: absolute;
z-index: 99;
float: right;
padding-left: 430px;
}

.text-tab-team {
position: absolute;
z-index: 199;
float: left;
padding: 60px 0 0 55px;
}

.star-finalround{
position: relative;
float: left;
}

.line-finalround {
height: 1px;
border-bottom: 1px solid #c2c1c1;
}

ul.thumb-vdo-finalround {
position: relative;
list-style: none;
margin:0; padding: 0;
/* float: left; */
text-align: center;
}

ul.thumb-vdo-finalround li img{
/* float: left; */
border: none;
}


/* final round 3 */

.box-winner-data {
position: relative;
padding-top: 5px;
}

.box-winner-data ul.list-winner {
padding: 0; margin: 0;
list-style: none;
}

.box-winner-data ul.list-winner li {
list-style: none;
float: left;
height: 20px;
}

.box-winner-data ul.list-winner li.list-title {
padding-right: 20px;
width: 45px;
}

.box-winner-data ul.list-winner li.list-data {
width: 225px;
font-weight: normal;
}


.boder-top-finalround {
height: 1px;
border-top: 1px solid #fff;
}

.boder-top-finalround-dotted {
height: 1px;
border-top: 1px dashed #fff;
}