@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;  }

h1,h2,h3,h4,h5,h6,p{
	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(http://video.friday.tw/eventcom/images/header_top.jpg) repeat-x top #F4BF61; }
.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(http://video.friday.tw/eventcom/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; position: relative;}
#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{ background:url(../images/top_kv.jpg) no-repeat top center; width: 910px; height: 246px; display: block; position: relative;}
.code{ color: #FFF000; font-size: 21px; border: 1px solid #FFF000; padding: 7px 11px; display: block; position: absolute; top: 146px; left: 268px; }
.what{ position: absolute; top: 9px; right: 7px; padding: 5px 10px; background: none; border: none; cursor: pointer;}
.top_btn{ position: absolute; top: 186px; right: 209px;}
#ad_box{ width: 159px; height: 183px; display: block; position: absolute; right: 0px; top:220px; z-index: 999;}
.close_ad{ width: 20px; height: 20px; position: absolute; display: block; top: 13px; right: 14px; cursor: pointer;}

	/*banner*/
	#banner_box{ width: 910px; position: relative;}
	#banner_box span{ width: 730px; height: 372px; top: 13px; left:75px; z-index:3; background-color: #ef9c48; position: absolute; display: block;}
	#banner { height: 425px; z-index: 99; position: relative; overflow: hidden; width: 730px; margin:40px auto 20px auto;}
	#banner ul.list { padding: 0; margin: 0;  list-style: none; position: absolute; width: 9999px; height: 100%; }
	#banner ul.list li { float: left; width: 730px; height: 370px;}
	#banner .list img{ width: 100%; height: 100%;	 border: 0;}
	#banner ul.playerControl { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0px; right: 0px; height: 25px; }
	#banner ul.playerControl li { float: left; width: 30px; height: 30px; cursor: pointer; margin: 0px 2px; background: url(../images/cir_ctrl.png) no-repeat -36px 0; }
	#banner ul.playerControl li.current { background-position: 0 0;}

.open{ position: absolute; top: 38px; right: 54px; background: none; border: none; cursor: pointer;}
.videos{}
.videos ul { margin-bottom: 15px; display: block; overflow: hidden;}
.videos ul li { float: left; margin-bottom: 10px;}
.videos ul.vzone1{ width: 855px; margin: 0 auto 25px auto; }
.note{width: 770px; margin: 25px auto 40px auto;;}
#btn_note{ width: 270px; height: 45px; display: block; margin: 0px auto 20px auto; cursor: pointer;}
.note_box{ display: none;}
.note_box ol li{ list-style:decimal inside; font-size: 14px; line-height: 21px; padding-left: 14px; text-indent: -14px;}

/***手機版***/
@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{ background:url(../images/top_kv_m.jpg) no-repeat top center; width: 640px; height: 175px; display: block; position: relative;}
.code{ top: 102px; left: 184px; font-size: 15px; padding: 5px 7px;}
.what{ top: 2px; right: 0; padding: 5px 7px;}
.top_btn{ top: 129px; right: 147px;}
#ad_box_m{ width: 143px; height: 165px; display: block; position: absolute; right: 0px; top:215px; z-index: 999;}
.close_ad_m{ width: 20px; height: 20px; position: absolute; display: block; top: 11px; right: 11px; cursor: pointer;}

	/*banner*/
	#banner_box_m{ width: 640px; position: relative;}
	#banner_box_m span{ width: 514px; height: 262px; top: 13px; left:52px; z-index:3; background-color: #ef9c48; position: absolute; display: block;}
	#banner_m { height: 310px; z-index: 99; position: relative; overflow: hidden; width: 514px; margin:40px auto 15px auto;}
	#banner_m ul.list_m { padding: 0; margin: 0;  list-style: none; position: absolute; width: 9999px; height: 100%; }
	#banner_m ul.list_m li { float: left; width: 514px; height: 290px;}
	#banner_m .list_m img{ width: 514px; height: 261px;	 border: 0;}
	#banner_m ul.playerControlm { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0px; right: 0px; height: 25px; }
	#banner_m ul.playerControlm li { float: left; width: 30px; height: 30px; cursor: pointer; margin: 0px 2px; background: url(../images/cir_ctrl.png) no-repeat -36px 0; }
	#banner_m ul.playerControlm li.currentm { background-position: 0 0;}
.videos ul.vzone1{ width: 618px; }
.videos ul li{ margin-bottom: 5px;}
.note_m{width: 600px; margin: 25px auto 30px auto;;}
#btn_note_m{ width: 208px; height: 35px; display: block; margin: 0px auto 20px auto; cursor: pointer;}
.note_box_m{ display: none;}
.note_box_m ol li{ list-style:decimal inside; font-size: 12px; line-height: 18px; padding-left: 12px; text-indent: -12px;}

	/*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(http://video.friday.tw/eventcom/images/btn_top1.png) no-repeat;}
.scrollup_1{ width:43px; height:43px; opacity:0.95; position:fixed; bottom:135px; right:10px; display:none; text-indent:-9999px; background: url(http://video.friday.tw/eventcom/images/btn_top2.png) no-repeat;}
	}