/* ------------- padding & margin ------------- */
.p5		{padding:5px;}
.p10	{padding:10px;}
.p15	{padding:15px;}
.p20	{padding:20px;}

.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:11px;}
.pl20	{padding-left:20px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}

.pt3	{padding-top:3px;}
.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}

.m5		{margin:5px;}
.m10	{margin:10px;}
.m15	{margin:15px;}
.m20	{margin:20px;}

.ml3	{margin-left:3px;}
.ml5	{margin-left:5px;}
.ml8	{margin-left:8px;}
.ml10	{margin-left:10px;}
.ml14	{margin-left:14px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}

.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}

.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* ----------------- iepng ----------------- */
.imgpng { behavior:url(css/fx-iepngfix.htc) }
/* ----------------- iepng ----------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background:url(../images/site-bg.jpg) no-repeat center top;
	background-color:#1f3439;
	margin: 0;
	padding: 0;
	color: #1d3948;
}
.bodyeng {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	background:url(../images/site-eng-bg.jpg) no-repeat center top;
	background-color:#1c3543;
	margin: 0;
	padding: 0;
	color: #1d3948;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h6, p {
	margin-top: 0;	 
	padding-right: 10px;
	padding-left: 10px; 
}
h1 {font-family:Arial, Helvetica, sans-serif; color:#464644; font-size:18px;}
h2 {font-family:Arial, Helvetica, sans-serif; color:#464644; font-size:18px; margin:0; padding:0;}
h4 {font-family:Arial, Helvetica, sans-serif; color:#04c5db; font-size:13px; font-weight:bold; margin:0; padding:0;}
h5 {font-family:Arial, Helvetica, sans-serif; color:#04c5db; font-size:20px; margin:0; padding:20px 0 10px; border-bottom:#f1f1f1 1px solid;}

a img { 
	border: none;
}
.container {
	width: 1000px;
	margin: 0 auto; 
}
.header {
	width:1000px;
	height:168px;
	background:url(../images/header.jpg) no-repeat bottom center;
}
.content {
	background:#fff;
	width:960px;
	margin-left:10px;
	padding:10px;
	float:left;
}
* html .content {
	background:#fff;
	width:960px;
	margin:0 auto;
	margin-left:5px;
}

/* ~~ The footer ~~ */
.footer {
	width:980px;
	padding-left:10px;
	padding-right:10px;
	height:28px;
	float:left;
	background:url(../images/footer.jpg) no-repeat top center;
	
}
.footer .copy {font-size:11px; color:#9ca2a4; text-decoration:none; padding-left:10px; padding-top:8px;}
.footer .copy a {font-size:11px; color:#9ca2a4; text-decoration:underline;}
.footer .copy a:hover {font-size:11px; color:#fff; text-decoration:none;}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*---------------- home -----------------*/
.homebox {background:url(../images/homebox.jpg) no-repeat; width:229px; padding:10px; height:120px; float:left; margin-right:1px;}
.homenewbox {background:url(../images/homenew.jpg) no-repeat; width:356px; padding:10px; height:120px; float:left; margin-right:1px;}
.follow {background:url(../images/follow.jpg) no-repeat; width:180px; height:120px;  padding:10px; float:left; margin-right:1px;}

.arialbyz {color:#fff; font-size:12px; text-align:left; text-decoration:none;}
.arialbyz a {color:#fff; font-size:12px; text-align:left; text-decoration:none;}
.arialbyz a:hover {color:#a5adaf; text-decoration:none;}
.arial11m {text-align:right;color:#06bad1;}
.arial11m a {font-size:11px; text-decoration:underline; color:#06bad1;}
.arial11m a:hover {text-decoration:none; color:#06bad1;}
.arial11y {text-align:right; color:#51be63;}
.arial11y a {font-size:11px; text-decoration:underline; color:#51be63;}
.arial11y a:hover {text-decoration:none; color:#51be63;}
.arial11t {text-align:right; color:#ce7c18;}
.arial11t a {font-size:11px; text-decoration:underline; color:#ce7c18;}
.arial11t a:hover {text-decoration:none; color:#ce7c18;}

.navi {width:640px; float:left; height:26px; margin-top:22px; margin-left:20px;}
.navi .menu {padding-left:5px; padding-right:5px; background:url(../images/sep.jpg) no-repeat right; float:left;}

.navisimp {width:780px; float:left; height:26px; margin-top:22px; margin-left:20px;}
.navisimp .menu {padding-left:5px; padding-right:5px; background:url(../images/sep.jpg) no-repeat right; float:left;}

 * html .navisimp {width:760px; float:left; height:26px; margin-top:22px; margin-left:20px;}
 * html .navisimp .menu {padding-left:5px; padding-right:5px; background:url(../images/sep.jpg) no-repeat right; float:left;}

.mrightsimp {width:100px; margin-left:100px; padding-top:22px; float:left;}

.mright {width:240px; margin-left:100px; padding-top:22px; float:left;}
.seacrh {background:url(../images/searchbg.png) no-repeat; width:132px; height:22px; float:left;}
.input {background:none; border:none; width:90px; height:20px; margin-left:5px; color:#b3b2b2; font-size:10px; font-weight:bold;}

* html .mright {width:240px; margin-left:70px; padding-top:22px; float:left;}
* html .seacrh {background:url(../images/searchbg.png) no-repeat; width:132px; height:22px; float:left;}

.hdrtop {float:left; width:980px;}
.hdrlogo {width:845px; float:left;}
.hdrmember {width:135px; float:left;}
.hdrlogoin {width:820px; float:left;}
.hdrmemberin {width:160px; float:left;}


/*-------------- Films ------------------*/
.subpage {width:950px; float:left; padding-left:10px; padding-top:10px;}
.subleft {width:720px; float:left;}
.subright {width:220px; float:left; margin-left:10px;}

.ftabs {width:720px; float:left;}
.ftabon {width:140px; text-align:center; height:32px; margin-right:1px; float:left; background:#efefed;color:#37494e;} 
.ftaboff {width:140px; text-align:center; height:32px; margin-right:1px; float:left; background:url(../images/offbgl.jpg) no-repeat; text-decoration:none; color:#5ee16d;}
.ftaboff a {width:140px; text-align:center; height:32px; margin-right:1px; float:left; background:url(../images/offbgl.jpg) no-repeat; text-decoration:none; color:#5ee16d;}
.ftaboff a:hover {width:140px; text-align:center; height:32px; margin-right:1px; float:left; background:#efefed;color:#37494e;}
.fontext {font-size:16px; font-weight:bold; padding-top:7px; text-decoration:none;}
.fofftext {font-size:16px; font-weight:bold; padding-top:7px; text-decoration:none;}

.htabon {background:#fff; padding:10px 6px 0 6px; height:26Px; color:#000; font-size:13px; font-weight:bold; float:left; margin-right:1px; margin-top:1px; text-decoration:none;}
.htaboff {background:url(../images/abc-bg.gif) repeat-x; height:30px; color:#000; font-size:13px; float:left; text-decoration:none; margin-right:1px; margin-top:1px;}
.htaboff a {background:url(../images/abc-bg.gif) repeat-x; padding:10px 6px 0 6px;height:26px;color:#000; font-size:13px; float:left; text-decoration:none;}
.htaboff a:hover {background:#fff; height:26px; padding:10px 6px 0 6px; float:left; text-decoration:none;}

.dtaboff {background:url(../images/abc-bg.gif) repeat-x; height:30px; color:#000; font-size:15px; float:left; text-decoration:none; margin-top:1px; margin-right:1px; text-decoration:none;}
.dtaboff a {background:url(../images/abc-bg.gif) repeat-x;  padding:10px 6px 0 6px; height:26px;color:#000; font-size:13px; float:left; text-decoration:none;}
.dtaboff a:hover {background:#fff; height:26px; padding:10px 6px 0 6px; float:left; text-decoration:none;}

.filmline {width:710px; height:64px; margin-top:5px;text-decoration:none;}
.filmbox {width:708px; height:82px; border:1px solid #e5e5e5; text-decoration:none; float:left; color:#333;}
.filmbox a {height:82px; width:708px; text-decoration:none; background:#fff; float:left; cursor:pointer; color:#333;}
.filmbox a:hover {background:#21373d; text-decoration:none; color:#fff; cursor:pointer;}
.filmshdw {width:220px; height:10px; float:right; margin-top:-1px; right:0;} 

.filmbox .photo {margin-left:1px; margin-top:1px; float:left; width:95px;}
.filmbox .fname {width:310px; float:left; padding-top:6px; text-decoration:none;}
.filmbox .info {width:290px; float:left; text-align:right; padding-top:8px; text-decoration:none;}

.filmname {font-family:Arial, Helvetica, sans-serif; color:#8e989b; font-size:18px; font-weight:bold; text-decoration:none;}

.subbox {background:url(../images/homebox.jpg) no-repeat; width:200px; padding:10px; height:110px; float:left;}
.sfollow {background:url(../images/homebox.jpg) no-repeat; width:200px; height:80px;  padding:10px; float:left;}
/*-------------- Film Detail ------------------*/
.filmleft {width:492px; float:left;}
.filmright {width:436px; float:left; margin-left:18px; margin-top:48px;}

.filmarea {width:485px; height:365px; border:#efefef 1px solid; padding-left:5px; padding-top:5px; margin-top:12px;}

.taho12g {color:#4c4c4c; font-size:13px; font-family:Tahoma, Geneva, sans-serif; line-height:19px;}
.taho13g {color:#4c4c4c; font-size:13px; font-family:Tahoma, Geneva, sans-serif; line-height:19px; padding:10px 0 15px;}
.taho13g a {color:#4c4c4c; font-size:13px; font-family:Tahoma, Geneva, sans-serif; line-height:19px; font-weight:bold; padding:10px 0 15px; text-decoration:underline;}
.taho13g a:hover {text-decoration:none;}
.taho11gb {color:#5c5c5c; font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:14px; font-weight:bold;}
.taho11gb a {color:#5c5c5c; font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:14px; font-weight:bold; text-decoration:underline;}
.taho11gb a:hover {color:#5c5c5c; text-decoration:none;}
.snop {color:#626262; font-size:12px; font-family:Tahoma, Geneva, sans-serif; line-height:18px; font-style:italic; padding-top:6px;}

.taho13g li {list-style:disc; list-style-position:inside; line-height:22px;}

.infobox {width:436px; float:left; margin-top:10px;}
.infobox .cap {background:url(../images/capbg.jpg) no-repeat; width:426px; height:26px; padding-top:6px; padding-left:10px;}
.infobox .bg {background:url(../images/bgbox.jpg) repeat-x; width:436px; background-color:#f5f5f4;}
.infobox .line {height:20px; border-bottom:#e5e5e5 1px solid; width:436px; padding-top:5px;}
.infobox .format {padding-left:10px; color:#424242; font-size:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; float:left; width:140px;}
.infobox .fcontent { font-size:12px; color:#424242; font-family:Tahoma, Geneva, sans-serif; float:left; text-decoration:none;}
.infobox .fcontent a { font-size:12px; color:#424242; font-family:Tahoma, Geneva, sans-serif; float:left; text-decoration:underline;}
.infobox .fcontent a:hover {text-decoration:none; color:#424242;}

.infobox .gline {height:50px; border-bottom:#e5e5e5 1px solid; width:436px; padding-top:5px;}
.infobox .place {padding-left:10px; color:#424242; font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding-top:5px; float:left; width:260px; font-weight:normal;}
.infobox .gcontent { font-size:11px; color:#424242; font-family:Tahoma, Geneva, sans-serif; float:left; text-decoration:none; float:left;}
.infobox .gcontent a { font-size:11px; color:#424242; font-family:Tahoma, Geneva, sans-serif; float:left; text-decoration:none; font-weight:bold;}
.infobox .gcontent a:hover {text-decoration:underline; color:#424242;}

.sharebox {width:414px; height:34px; border:#e5e5e5 1px solid; margin-top:18px; padding:10px;}
.sharecap {font-family:Arial, Helvetica, sans-serif; color:#04c5db; font-size:20px; float:left; font-weight:bold; margin-top:3px;}

/*------------------- Festival ----------------*/
.aboutmenu {width:208px; height:200px; border:#e5e5e5 1px solid; margin-top:18px; padding:5px;}
.aboutmbg {background:url(../images/bgbox.jpg) repeat-x; width:208px; height:200px;}

.aboutnavi {height:29px; border-bottom:#e5e5e5 1px solid; width:208px; float:left;}
.anavi {padding-left:10px; color:#424242; font-family:Tahoma, Geneva, sans-serif; font-size:13px; padding-top:6px; text-decoration:none;}
.anavi a {color:#424242; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-decoration:none;}
.anavi a:hover {color:#424242; text-decoration:none; font-size:12px; font-weight:bold;}

/*----------------- Program ----------------------*/
.ptabs {width:710px; float:left;}
.ptabson {background:url(../images/ptabbg.jpg) repeat-x; padding:8px 19px 8px 20px; float:left; border-left:#efefef 1px solid; border-right:#efefef 1px solid; border-top:#efefef 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#525252;}
.ptabsoff {background:none; padding:8px 14px 8px 14px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; border-bottom:#efefef 1px solid;}
.pday {color:#3fd7e9; font-size:20px; font-family:Arial, Helvetica, sans-serif; float:left; font-weight:bold;}
.ptabscontent {border-left:#efefef 1px solid; border-right:#efefef 1px solid; border-bottom:#efefef 1px solid; width:689px; padding:10px; float:left;}
.hfbox {width:698px; float:left; height:78px; margin-top:1px;}
.phourbox {background:url(../images/hourbg.jpg) repeat-x; width:90px; height:48px; float:left; color:#2d2d2d; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; padding-top:30px;}
.pfilmbox {background:url(../images/hfbg.jpg) repeat-x; margin-left:1px; height:78px; float:left; width:598px;}
.pfname {color:#8e989b; font-size:18px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; padding-left:20px; padding-top:14px; line-height:17px; float:left;}
.pfoname {font-family:Arial, Helvetica, sans-serif; color:#04c5db; font-size:13px; font-weight:bold; float:left; padding-top:20px; padding-left:6px;}

/*--------------- Event ------------------------*/
.event {float:left;}

.signinform{width:700px; padding:10px; margin-top:5px; padding-bottom:20px; float:left;}
.formlist {float:left; width:650px; margin-top:10px;}
.formlist .ad {width:120px; float:left; padding-top:4px;}
.formlist .formbox{width:530px; float:left;}
.inputform {width:180px; height:24px; border:2px solid #e4e4e4; font-size:15px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#a3a3a3;}
.inputmini {width:90px; height:24px; border:2px solid #e4e4e4; font-size:15px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#a3a3a3;}
.select {height:28px; border:2px solid #e4e4e4; font-size:15px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; color:#a3a3a3;}

/*----------------- loginBox --------------------*/
.allarea {background:url(../images/trans.png) repeat; width:100%; height:100%; left:0; top:0; position:absolute; z-index:20;}
.loginarea {width:330px; height:210px; position:relative; z-index:100; left:40%; top:20%;}
.loginBox {width:310px; padding:10px; height:190px; border:#333 1px solid; background-color:#1f3439; border:#becdd0 3px solid;}
.closebtn {float:right; padding-right:8px;}

* html .allarea {background:url(../images/trans.png) repeat; width:100%; height:100%; left:0; top:0; position:absolute; z-index:20;}
* html .loginarea {width:330px; height:210px; position:relative; z-index:100; left:30%; top:30%;}
* html .loginBox {width:310px; height:190px; border:#333 1px solid; background-color:#1f3439; border:#becdd0 3px solid;}
* html .closebtn {float:right; padding-right:8px;}