@charset "UTF-8";
/* CSS Document */

/***RESET***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: sans-serif;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;  margin: 0;
    padding: 0;
}
a, a:hover, a:active{ color:#000; text-decoration:none;}

/***DEFAULT**/
html, body{ -webkit-text-size-adjust:none; -webkit-overflow-scrolling: touch; }
body {
	font: 12px/18px; font-family:Arial, Helvetica, sans-serif;
	padding: 0px; -webkit-text-size-adjust:none; background-color: #000;}

h1,h2,h3,h4,h5,h6,p,span{
	font: 12px/18px;
	font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif ;
	padding: 0px;
	margin: 0px;
}

h1{ float: left;}
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }

p { color:#666666; font-size:12px; line-height: 18px;}

*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;
-webkit-transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;
-moz-transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;
transition: opacity .15s linear, background-color .15s linear, border-color .15s linear;}
a{	text-decoration: none; color:#000;}
a:hover{text-decoration: underline; color:#666;}
a img{ border: 0px;}
img{ border: 0px;}
blockquote{}
form{	padding: 0px;	margin: 0px;	}
ul,ol { margin: 0 0 0 0px; list-style:none; padding:0px;}
li{ margin:0px;}

input{}

.Clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	/* Clearfix */
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix {
		*zoom: 1;
	}

/***共用CSS***/
#wrap{ width:100%; max-width: 910px; margin: 0 auto; background:url(../images/header_top.jpg) repeat-x top; }
.login{ float: right; margin-top: 10px;}
.login a{ color: #FFFFFF; float: left; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; margin-left: -1px; font-size: 12px; padding: 0 5px;}
.login a:hover{ text-decoration: underline;}
.login_fb{ background:url(../images/icon_fb_w.gif) no-repeat 7px center; text-indent: 20px;}

/***PC版***/
#container_pc{ width:910px; margin: 0 auto; }
#container_m{ display: none;}
#header_pc{ display:block; width: 910px; height: 53px; padding: 15px 25px;}
#content_pc{ display:block; background-color: #000; display: block;}
#footer_pcbg { border-top: 1px solid #b3b3b3; background-color:#EFEFEF;height: 113px; }
#footer_pc { color: #565454; padding: 20px 0px 10px; position: absolute; min-width:640px; width: 910px;}
.footer_links{  line-height: 21px; text-align: center; margin-bottom: 5px;}
.footer_links a{ color:#666666; font-size:12px; line-height: 18px;}
#footer_pc p a, #footer_m p a{ color: #1A6DB6; text-decoration: underline;}
.footer_links p{ margin-top: 8px;}

#top_kv{height: 738px; position: relative;}
.code{ color:#E00012; font-size: 22px; font-weight: bold; position: absolute; top: 125px; left: 282px; display: block;}
.btn_open{ width: 242px; height: 198px; background: url(../images/btn_top.png) no-repeat 0 0; display: block; overflow:hidden; position:absolute; right: 49px; top: 177px;}

.btn_open:hover{ background-position: -247px 0;}
.pop_box{ border-radius: 10px; width: 610px; height: 490px; overflow: hidden;}
.open{position: absolute; top: 420px; left: 300px; background: none; border: none; cursor: pointer; width: 128px; height: 38px;}
.open01{position: absolute; top: 415px; left: 290px; background: none; border: none; cursor: pointer; width: 128px; height: 40px;}
.dadiy01{position: absolute; top: 252px; left: 28px; background: none; border: none; cursor: pointer; width: 128px; height: 38px}
.dadiy02{position: absolute; top: 252px; left: 168px; background: none; border: none; cursor: pointer; width: 128px; height: 38px}
	/*新片*/
	#newMovie{ position: absolute; top: 210px; left: 0px; display: block; width: 910px; height: 320px;}
	#new_pic{ margin:67px 0px 0px 0px}
	#new_pic li{ position: absolute;}
	#new_pic li a{ text-indent:-99999px; display:block; position:absolute; width: 215px; height: 307px;}
	#new_pic li h2{ font-size: 0; height: 0;}
	#new_pic li p{ font-size: 0; height: 0;}
	.new_pic_zon01bt01{ left:607px; top:16px}
	.new_pic_zon02bt01{ left:580px; top:35px}
	.new_pic_zon03bt01{ left:580px; top:35px}
	.new_pic_zon04bt01{ left:480px; top:80px}
	.new_pic_zon04bt02{ left:625px; top:35px}
	#new_list { position:absolute; width: 910px; right:0px; top:0px}
	#new_list li{ background:url(../images/btn_list.png); width:50%; height: 68px; cursor: pointer; margin:0px; background-repeat:no-repeat; float:left; font-size: 0;}
	#new_list li:hover{ background:url(../images/btn_list_h.png) ; color:#FFF; }
	#new_list li.new_here{ background:url(../images/btn_list_h.png); color:#FFF; background-repeat:no-repeat}
	#new_list li#fix01{ background-position:0px 0px; }
	#new_list li#fix02{ background-position:-455px 0px; }
	#new_list li#fix03{ background-position:-441px 0px; }
	#new_list li#fix04{ background-position:-686px 0px; }
	/*單片榜*/
	.pcmoiveall{display: block;width: 910px;height: 1637px;padding: 90px 0px 0px 71px;background-image: url(../images/pc_video_all.jpg);}
	.pcmoiveall li{ float: left; width: 219px; height: 324px; overflow: hidden; position: relative; margin:62px 0px 0px 28px; border: 1px #61604a solid;}
	.pcmoiveall li .des { background: rgba(0,0,0,0.7); padding: 20px 16px 0px 16px;  text-align: justify;position: absolute; bottom:-160px; height: 160px; overflow: hidden;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
	.pcmoiveall li:hover .des{bottom:0;}
	.pcmoiveall li .des h4{ font-size: 18px; color:#FFF; margin-bottom: 6px; text-align: left; font-weight: normal; color: #fee934;}
	.pcmoiveall li .des p, .pcmoiveall li .des span{ font-size: 14.5px; color:#FFF; line-height: 20px; font-weight:normal}
	.pcmoiveall li a:hover{text-decoration:none;}
	/*強檔推薦*/
	#recomm{ position: relative; margin-bottom: 55px;}
	#recomm h3{display: block; background:url(../images/h3_recomm_title.gif) no-repeat top center; height: 55px; margin-top: 15px;}
	#recomm .commBox{ width: 730px; overflow: hidden; margin: 5px auto; display: block; position: relative; height:680px;}
	#recomm ul{ overflow: hidden; display:block;  width: 2500px; position: absolute;}
	#recomm ul li{ border: 2px solid #FFF; float: left; width: 215px; height: 319px; overflow: hidden; position: relative; margin:0 40px 35px 0;}
	#recomm ul li .des { background: rgba(0,0,0,0.7); padding: 12px 16px;  text-align: justify;position: absolute; bottom:-160px; height: 160px; overflow: hidden;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
	#recomm ul li:hover .des{bottom:0;}
	#recomm ul li .des h4{ font-size: 19px; color:#FFF; margin-bottom: 10px; text-align: left; font-weight: normal; color: #fee934;}
	#recomm ul li .des p{ font-size: 14.5px; color:#FFF; line-height: 21px;}
	#recomm ul li a:hover{ text-decoration:none;}
	#left_B, #right_B{ background:url(../images/arw.png) no-repeat 0 16px; display:block; height: 70px; width: 20px; float:left; cursor: pointer; position: absolute; left:45px; top: 360px;}
	#right_B{ background-position: -30px 16px; position: absolute; left: 845px; top: 360px; float:right;}

	/**焦點影展Adbanner**/
	#AdBanners{}
	#AdBanners h3{ display: block; background:url(../images/fcos_pc.jpg) no-repeat top center; height: 65px; margin-top: 15px;}
		/*banner*/
		#Banners{ display: block; position: relative; width: 800px; margin: 5px auto 55px 45px;}
		#left, #right{ background:url(../images/arw.png) no-repeat 0 16px; display:block; height: 70px; width: 20px; float:left; cursor: pointer; position: absolute; left:0px; top: 0px;}
		#Banners #right{ background-position: -30px 16px; position: absolute; left: 800px; top: 0px; float:right;}
		.banner_In{ margin: 0 auto;overflow: hidden; position: relative; width: 100%; height: 80px; padding: 0px; left: 0px;}
		#Banners ul{ position: absolute; width: 4500px; }
		#Banners ul li{ float: left; width: 236px; height: 74px; position: relative; margin-right: 28px; }
		#Banners ul li img{ border: 2px solid #FFFFFF;}
		.bannerin{display: block; width: 810px; margin: 5px auto 55px auto; height:74px; padding-left:18px}
		.bannerin li{ float: left; width: 236px; height: 74px; position: relative; margin-right: 28px;}
		.bannerin li img{ border: 2px solid #FFFFFF;}
	/*小叮嚀*/
	.note{width: 910px; margin: 0px auto;}
	#btn_note{height: 38px; display: block; margin: 0px auto; cursor: pointer;}
	.note_box{ display: none; width: 790px; margin: 30px auto 30px;}
	.note_box ol li, .note_box ol li a{ list-style:decimal inside; font-size: 16px; line-height: 23px; padding-left: 18px; text-indent: -18px; color:#FFF;}

/***手機版***/
@media screen and (max-width: 640px) {
	#container_pc{ display: none;}
	#container_m{ display: block; width: 100%; max-width: 640px; min-width: 320px;}
	#header_m{ display:block; width: 100%; height: 53px; padding: 16px 5px;}
	#content_m{ display:block; }

	#top_kv_m{ height: 989px; }
	#top_kv_m .code{ font-size: 21px; left: 208px; top: 195px;}
	#top_kv_m  .btn_open_m{ position: absolute; right: 61px; top: 168px;}
	.new_movie_m{ position: relative; width: 640px; height: 749px; }
	.new_movie_m div a{text-indent:-99999px; display:block; position:absolute; font-size: 0; width: 237px; height: 330px; margin: 117px 0 0 370px;}
	.new_movie_m div p{ font-size: 0; height: 0;}
	.new_movie_m div h2{ font-size: 0; height: 0;}
	.mo_new_pic_zon01bt01{ }
	.mo_new_pic_zon02bt01{ }


	/**強檔影片**/
	#commm{ display: block; overflow: hidden; height: 790px; position: relative;}
	#commm h3{display: block; background:url(../images/h3_recomm_title.gif) no-repeat top center; height: 55px; margin-top: 20px;}
	.commBox{ width: 470px; position: relative; margin: 10px auto; display: block; overflow: hidden;}
	#commm ul{ width:2024px; position: relative; overflow: hidden;} /* 506*5+9 */
	#commm ul li{ border:2px solid #FFF; float: left; margin-right: 38px; margin-bottom: 45px; width: 215px; height: 319px; overflow: hidden;}
		#left_b_m, #right_b_m{ background:url(../images/arw.png) no-repeat 0 16px; display:block; height: 70px; width: 20px; float:left; cursor: pointer; position: absolute; left:40px; top: 390px;}
		#right_b_m{ background-position: -30px 16px; position: absolute; left: 580px; top: 390px; float:right;}
	/**單片排行榜**/
	.momoiveall{width: 640px;height: 2770px;background-image: url(../images/mobile_video_all.png); padding:81px 0px 0px 49px; display:block}
	.momoiveall li{float: left; width: 219px; height: 352px; position: relative; margin:76px 0px 0px 38px}
	.momoiveall li h4{font-size: 20px; text-align: center; font-weight: normal; color: #dbe12e; width:219px; height:30px; display:block; line-height:30px; font-weight:bold; margin-top:6px}
	#h4spspsp{
	width: 240px;
	text-indent: -20px;
}
		/**焦點影展Adbanner**/
		#AdBanners{ margin-top:10px}
		#AdBanners h3{ display: block; background:url(../images/h3_banner_title.gif) no-repeat top center; height: 55px; margin-top: 15px;}
		/*banner*/
		#Banners_m{ display: block; position: relative; width: 550px; height: 75px; margin: 5px auto 70px auto; overflow: hidden;}
		#left_m, #right_m{ background:url(../images/arw.png) no-repeat 0 16px; display:block; height: 70px; width: 20px; float:left; cursor: pointer; position: absolute; left:0px; top: 0px;}
		#Banners_m #right_m{ background-position: -30px 16px; position: absolute; left: 530px; top: 0px; float:right;}
		.banner_In_m{ margin: 0 auto;overflow: hidden; position: relative; width: 515px; height: 80px; padding: 0px; margin-left: 10px;}
		#Banners_m ul{ position: absolute; width: 1500px; }
		#Banners_m ul li{ float: left; width: 236px; height: 80px; position: relative; margin-right: 20px; }
		#Banners_m ul li img{ border: 2px solid #FFFFFF;}

	.note_m{ margin: 0px auto;}
	#btn_note_m{ width: 100%; height: 35px; display: block; margin: 0px auto; cursor: pointer;}
	.note_box_m{ display: none; margin: 45px auto; width: 565px;}
	.note_box_m ol li, .note_box_m ol li a{ list-style:decimal inside; font-size: 18px; line-height: 26px; padding-left: 18px; text-indent: -18px; color: #FFF;}
	/*A版footer*/
	.ftr_logos_m{ float: none; text-align: center; margin-bottom:15px;}
	.ftr_logos_m a{ margin-right: 20px;}
	#footer_m{ text-align:center; color: #565454;padding: 20px 0; border-top: 1px solid #b3b3b3; background-color: #EFEFEF; }
	#footer_m .footer_links a{ color:#666666; font-size:11px; padding:0 3px;}

	.footer_links{ text-align: center; }

	/**B版footer**/
	#footer_mB{ text-align:center; background-color: #EFEFEF;}
	#footer_mB .footer_links{ margin-bottom: 20px; background-color: #848484; margin-top: 0px; display: black; overflow: hidden;}
	#footer_mB .footer_links a{ color:#FFFFFF; font-size:12px; border-right: 1px solid #FFFFFF; width: 50%; padding: 10px 0px; display: inline-block; overflow: hidden; float: left; background-color: #848484; text-align:center;}
	#footer_mB .footer_links a:hover { text-decoration: none; background-color:#333;}
	#footer_mB p a{ color: #1A6DB6; text-decoration: underline; text-align: center;}
	#footer_mB .footer_links_b{ margin-bottom: 12px; text-align: center;}
	#footer_mB .footer_links_b a{ font-size:11px; text-align: center; padding: 0 3px; color: #666;}
	/*卷軸*/
.scrollup{ width:52px; height:52px; opacity:0.95; position:fixed; bottom:175px; right:10px; display:none; text-indent:-9999px; background: url(../images/btn_top1.png) no-repeat;}
.scrollup_1{ width:43px; height:43px; opacity:0.95; position:fixed; bottom:215px; right:10px; display:none; text-indent:-9999px; background: url(../images/btn_top2.png) no-repeat;}
.popup_new01{
	background-image: url(../images/movie/mobile/movboxm_01.jpg);
	width:640px;
	height:1020px;
}
.popup_new01btn01{
	position: absolute;
	top: 212px;
	left: 42px;
	border: none;
	cursor: pointer;
	width: 180px;
	height: 340px;
	background-image: none;
}
.popup_new01btn02{
	position: absolute;
	top: 212px;
	left: 228px;
	border: none;
	cursor: pointer;
	width: 180px;
	height: 340px;
	background-image: none;
}
.popup_new01btn03{
	position: absolute;
	top: 955px;
	left: 185px;
	border: none;
	cursor: pointer;
	width: 265px;
	height: 85px;
	background-image: none;
}
.popup_new01btn04{
	position: absolute;
	top: 212px;
	left: 416px;
	border: none;
	cursor: pointer;
	width: 180px;
	height: 340px;
	background-image: none;
}
.popup_new02{
	background-image: url(../images/movie/mobile/movboxm_02.jpg);
	width:640px;
	height:1087px;
}
.popup_new02btn01{
	position: absolute;
	top: 212px;
	left: 210px;
	border: none;
	cursor: pointer;
	width: 220px;
	height: 430px;
	background-image: none;
}
.popup_new02btn02{
	position: absolute;
	top: 1020px;
	left: 185px;
	border: none;
	cursor: pointer;
	width: 265px;
	height: 85px;
	background-image: none;
}
.popup_new03{
	background-image: url(../images/movie/mobile/movboxm_03.jpg);
	width:640px;
	height:1159px;
}
.popup_new03btn01{
	position: absolute;
	top: 212px;
	left: 200px;
	border: none;
	cursor: pointer;
	width: 240px;
	height: 420px;
	background-image: none;
}
.popup_new03btn02{
	position: absolute;
	top: 1100px;
	left: 185px;
	border: none;
	cursor: pointer;
	width: 265px;
	height: 85px;
	background-image: none;
}
}
	}