@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;
	font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif ;
	background-color:#efefef
}
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: #fff;}

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%;  margin: 0 auto; background:url(http://video.friday.tw/eventcom/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(http://video.friday.tw/eventcom/images/icon_fb_w.gif) no-repeat 7px center; text-indent: 20px;}
.full-width{width: 100%;}
.fixed-width{width: 1200px;margin: auto; }



/***PC版***/
/*#container_pc{ width:910px; margin: 0 auto;font-family: 微軟正黑體,Microsoft JhengHei,serif,Arial,Helvetica, heiti tc, SimHei ;}*/
#container_m{ display: none;}
#header_pc{ display:block; width:1200px; height: 50px; padding: 15px 25px;}
#content_pc{text-align: center; 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:1200px;}
.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;}
.fb-like{position:absolute;right:0px;top:-4px;}


/*活動用*/


body{margin:0;padding: 0;/*background-color: #FFF4F4;*/}
.full-width{width: 100%;}
.fixed-width{width: 1200px;margin: auto; }


.pull-left { float: left; }
.pull-right { float: right; }
.clear-float { clear: both;}
.pull-center{ margin:0 30px;}
.pull-center2{ margin: 0 auto;}
.letter-spacing{  letter-spacing :2px;}
.letter-spacing2{  letter-spacing :2px;}
.ls_2{letter-spacing :-2px;}

/***PC版***/

#container_pc{ min-width: 1200px; margin: 0 auto; background:url(../images/pc/2016top5_bg.jpg) no-repeat; background-size: 100% 3821px; position: relative; overflow: hidden;}

#content_pc {
    min-width: 1200px;
    color:#FFFFFF;
}
#content_pc a{text-decoration: none;}
/*共用end*/


/* HeaderCon PC */
#content_pc .headerCon {width: 1200px; height: 708px; position: relative; background: url(../images/pc/2016top5_head_bg.jpg)no-repeat;}
#content_pc .headerCon .catchlogo{ position: absolute;width: 542px;height: 235px; top:218px; left:316px; z-index: 9; background:url(../images/pc/2016top5_head_h1.png) no-repeat; font-size: 0; }
#content_pc .headerCon .catchlogo2 .icon1{position: absolute; bottom:226px; left: -128px; background: url(../images/pc/2016top5_head_icon1.png)no-repeat; width: 435px; height: 190px; z-index: 0;}
#content_pc .headerCon .catchlogo2 .icon2{position: absolute; top:0px; right:-130px; background: url(../images/pc/2016top5_head_icon2.png)no-repeat; z-index: 0;}
#content_pc .headerCon .catchlogo2 .icon3{position: absolute; bottom:-12px; left:0; background: url(../images/pc/2016top5_head_out.png)no-repeat; width: 1200px; height: 30px; z-index: 15;}
#content_pc .headerCon p{position: absolute; width: 500px; height: 70px; left:335px; top:453px; background:url(../images/pc/2016top5_head_p.png) no-repeat; font-size: 0; }
#content_pc .headerCon .free30{position: absolute; width: 276px; height: 70px; left:450px; top:456px; background:url(../images/pc/2016top5_free30.png) no-repeat; font-size: 0; -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;z-index: 11;}
#content_pc .headerCon .free30:hover{top:454px;  }

#content_pc .headerCon .i1{ position: absolute; width: 475px;height: 423px; top:0; left:0; background:url(../images/pc/2016top5_head_i1.png) no-repeat; z-index: 11; -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
#content_pc .headerCon .i2{ position: absolute; width: 500px;height: 350px; top:0px; right:277px; background:url(../images/pc/2016top5_head_i2.png) no-repeat; z-index: 10; -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
#content_pc .headerCon .i3{ position: absolute; width: 353px;height: 350px; top:40px; right:0px; background:url(../images/pc/2016top5_head_i3.png) no-repeat; z-index: 7; -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
#content_pc .headerCon .i4{ position: absolute; width: 360px;height: 255px; bottom:0px; left:0px; background:url(../images/pc/2016top5_head_i4.png) no-repeat; z-index: 10;  -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
#content_pc .headerCon .i5{ position: absolute; width: 470px;height: 200px; bottom:-15px; left:368px; background:url(../images/pc/2016top5_head_i5.png) no-repeat; z-index: 10;  -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
#content_pc .headerCon .i6{ position: absolute; width: 515px;height: 350px; bottom:0px; right:-91px; background:url(../images/pc/2016top5_head_i6.png) no-repeat; z-index: 10;  -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
#content_pc .headerCon .i1>a,.i2>a,.i3>a,.i4>a,.i5>a,.i6>a{ width: 100%; height: 100%; display: block; }


#content_pc .headerCon .i1:hover{ top:-1px; left:-1px; background:url(../images/pc/2016top5_head_i1_a.png) no-repeat; z-index: 11;}
#content_pc .headerCon .i2:hover{ top:-1px; right:278px; background:url(../images/pc/2016top5_head_i2_a.png) no-repeat; z-index: 10;}
#content_pc .headerCon .i3:hover{ top:37px; right:1px; background:url(../images/pc/2016top5_head_i3_a.png) no-repeat; z-index: 12;}
#content_pc .headerCon .i4:hover{ bottom:1px; left:-1px; background:url(../images/pc/2016top5_head_i4_a.png) no-repeat; z-index: 10;}
#content_pc .headerCon .i5:hover{ bottom:-14px; left:367px; background:url(../images/pc/2016top5_head_i5_a.png) no-repeat; z-index: 10;}
#content_pc .headerCon .i6:hover{ bottom:1px; right:-90px; background:url(../images/pc/2016top5_head_i6_a.png) no-repeat; z-index: 10;}

/* HeaderCon PC End */


/* contentCon PC */
#content_pc .contentCon { width: 1200px; position: relative;text-align: center;}
#content_pc .contentCon .item01{ position: relative; margin: 10px 0 0 0; padding:0px; width: 100%; height: 480px; background: url(../images/pc/2016top5_item01_bg.png)no-repeat;}
#content_pc .contentCon .item02{ position: relative; margin: 10px 0 0 0; padding:0px; width: 100%; height: 492px; background: url(../images/pc/2016top5_item02_bg.png)no-repeat;}
#content_pc .contentCon .item03{ position: relative; margin: 10px 0 0 0; padding:0px; width: 100%; height: 481px; background: url(../images/pc/2016top5_item03_bg.png)no-repeat;}
#content_pc .contentCon .item04{ position: relative; margin: 10px 0 0 0; padding:0px; width: 100%; height: 480px; background: url(../images/pc/2016top5_item04_bg.png)no-repeat;}
#content_pc .contentCon .item05{ position: relative; margin: 10px 0 0 0; padding:0px; width: 100%; height: 506px; background: url(../images/pc/2016top5_item05_bg.png)no-repeat; background-position: 8px 0;}
#content_pc .contentCon .item06{ position: relative; margin: 10px 0 58px 0; padding:0px; width: 100%; height: 506px; background: url(../images/pc/2016top5_item06_bg.png)no-repeat;}


#content_pc .contentCon .item01 h2{ position: relative; width: 100%; height: 110px; line-height: 80px; font-size: 0; }
    .item01 p{ width: 1200px; line-height: 25px; font-size: 16; color:#FFFFFF; margin: 10px auto; letter-spacing: 2px;}
    .item01 ul{ position: relative; width: 1075px; height: 310px; padding: 0; margin:0 auto;}
    .item01 ul li{ width: 205px; height: 310px; }


#content_pc .contentCon .item02 h2{ position: relative; width: 100%; height: 103px; line-height: 80px; font-size: 0;  background-position: 0 -80px; font-weight: 100;  margin: 0px auto 0px;}
    .item02 p{ width: 1200px; line-height: 25px; font-size: 16; color:#FFFFFF; margin: 10px auto 0; letter-spacing: 2px;}
    .item02 ul{ position: relative; width: 1075px; height: 310px; padding: 0; margin:5px auto 0;}
    .item02 ul li{ width: 205px; height: 310px; }

#content_pc .contentCon .item03 h2{ position: relative; width: 100%; height: 115px; line-height: 80px; font-size: 0;  background-position: 0 -160px; font-weight: 100;  margin: 0px auto 0px;}
    .item03 p{ width: 1200px; line-height: 25px; font-size: 16; color:#FFFFFF; margin: 12px auto 8px; letter-spacing: 2px;}
    .item03 ul{ position: relative; width: 1075px; height: 310px; padding: 0; margin:0 auto;}
    .item03 ul li{ width: 205px; height: 310px; }

#content_pc .contentCon .item04 h2{ position: relative; width: 100%; height: 97px; line-height: 80px; font-size: 0;  background-position: 0 -240px; font-weight: 100;  margin: 0px auto 0px;}
    .item04 p{ width: 1200px; line-height: 25px; font-size: 16; color:#FFFFFF; margin: 18px auto 12px; letter-spacing: 2px;}
    .item04 ul{ position: relative; width: 1075px; height: 310px; padding: 0; margin:0 auto;}
    .item04 ul li{ width: 205px; height: 310px; }

#content_pc .contentCon .item05 h2{ position: relative; width: 100%; height: 116px; line-height: 80px; font-size: 0;  background-position: 0 -240px; font-weight: 100;  margin: 0px auto 0px;}
    .item05 p{ width: 1200px; line-height: 25px; font-size: 16; color:#FFFFFF; margin: 9px auto 7px; letter-spacing: 2px;}
    .item05 ul{ position: relative; width: 1075px; height: 310px; padding: 0; margin:0 auto;}
    .item05 ul li{ width: 205px; height: 310px; }

#content_pc .contentCon .item06 h2{ position: relative; width: 100%; height: 124px; line-height: 80px; font-size: 0;  background-position: 0 -240px; font-weight: 100;  margin: 0px auto 0px;}
    .item06 p{ width: 1200px; line-height: 25px; font-size: 16; color:#FFFFFF; margin: 18px auto 12px; letter-spacing: 2px;}
    .item06 ul{ position: relative; width: 1075px; height: 310px; padding: 0; margin:0 auto;}
    .item06 ul li{ width: 205px; height: 310px; }


#content_pc .contentCon .item01 .slick-track { margin-left: 225px;}
#content_pc .contentCon .item02 .slick-track { margin-left: 225px;}
#content_pc .contentCon .item03 .slick-track { margin-left: 225px;}
#content_pc .contentCon .item04 .slick-track { margin-left: 225px;}
#content_pc .contentCon .item05 .slick-track { margin-left: 225px;}
#content_pc .contentCon .item06 .slick-track { margin-left: 225px;}


/*片單滑過特效*/
#content_pc .view {width: 100%;height: 100%; float: left;overflow: hidden;position: relative;text-align: center;/*box-shadow: 0px 0px 5px #aaa;*/cursor: default;}
#content_pc .view .mask{width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}
#content_pc .view img {display: block;position: relative; width: 205px; height: 310px;}
/*#content_pc .view img {display: block;position: relative; width: 228px; height: 324px;}*/
#content_pc .view .info {display: inline-block;text-decoration: none;padding:0;width:207px;height:310px;font-size: 20px;line-height: 24px;padding: 40px 20px 50px 20px; overflow: hidden;color:#12242a;text-align: left; position:absolute; left: 0; top: 0; opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
#content_pc .second-effect .mask {opacity: 0;overflow:visible;border:0px solid rgba(255,255,255,0.9);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#content_pc .second-effect:hover .mask {opacity: 1;border:120px solid rgba(255,255,255,0.9);}
#content_pc .second-effect:hover .info { border:0px solid rgba(196,186,172,.7); top:-120px; left:-121px; opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; -o-transition-delay:0.1s; -ms-transition-delay:0.1s; transition-delay:0.1s;}
#content_pc .second-effect .info h3{ width: 207px;  font-size: 20px; padding: 0 10px; margin: 0; color:#000000; font-weight: 100; text-align: center; position: absolute; left: 0px; top: 20px;}
#content_pc .second-effect .info p{ width: 207px; line-height: 25px; font-size: 18px; padding: 0 20px; margin: 0; color:#000000; text-align: left; font-weight: 100; text-align: justify; position: absolute; left: 0px; top: 60px;}
#content_pc .second-effect .info a.link1{ background-color: #12242a; color:#FFFFFF; width: 160px; height: 40px; line-height: 40px; font-size: 20px; font-weight: 100; border:1px solid #12242a; padding: 0 10px; text-align: center; position: absolute; left: 20px; bottom: 70px;}
#content_pc .second-effect .info a.link1:hover{ background-color: #12242a; color:#FFFFFF; font-weight: 100;}
/*#content_pc .second-effect .info a.link2{ width: 160px; height: 40px; line-height: 40px; font-size: 20px; font-weight: 100; border:1px solid #12242a; padding: 0 10px; text-align: center; position: absolute; left: 20px; bottom: 20px;}*/
#content_pc .second-effect .info a.link2{ width: 160px; height: 40px; line-height: 40px; font-size: 20px; font-weight: 100; border:1px solid #12242a; padding: 0 10px; text-align: center; position: absolute; left: 20px; bottom: 50px;}
#content_pc .second-effect .info a.link2:hover{ background-color: #12242a; color:#FFFFFF; font-weight: 100;}
/*片單滑過特效*/


/*箭頭下-邊框*/
.second-effect .info a .arrow_r_out{ position: absolute; width:0px; height:0px; border-width:8px; border-style:solid; border-color: transparent transparent transparent #12242a; position:absolute; bottom:10px; left:130px; }
.second-effect .info a:hover .arrow_r_out{ position: absolute; width:0px; height:0px; border-width:8px; border-style:solid; border-color: transparent transparent transparent #FFFFFF; position:absolute; bottom:10px; left:130px; }

/*箭頭下-邊框*/


/*banner的箭頭按鈕*/
.slick-prev:before {display: block;width: 30px;height: 40px;background:url(../images/arw2.png) no-repeat;background-position: 0 0;content: '';position: absolute;opacity: .25;left: -10px; }
.slick-next:before {display: block;width: 30px;height: 40px;background:url(../images/arw2.png) no-repeat;background-position: -30px 0;content: ''; }
.slick-prev:before, .slick-next:before {font-family: 'slick';font-size: 20px;line-height: 1;opacity: .9;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
/*banner的箭頭按鈕*/

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


/******************************************/
/******************************************/
/******************************************/
/******************************************/





/***手機版***/
/***手機版***/
/***手機版***/
@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{ font-size:30px; font-weight: bold; text-align: center; display:block;}


#mokv01{ background: url(../images/mo/2016top5_bg_m1.jpg) no-repeat; width:100%; height:450px; background-color:#333}
#mokv01 .headerCon{ position: relative; width: 640px; height: 450px;}
#mokv01 .headerCon h1.catchlogo{ width: 388px; height: 170px; background:url(../images/mo/2016top5_bg_h1.png) no-repeat; background-size: 388px 170px; font-size: 0; position: absolute; left: 140px; top:150px;}
#mokv01 .headerCon .free30_m{position: absolute; width: 230px; height: 70px; left:215px; top:280px; background:url(../images/pc/2016top5_free30.png) no-repeat; background-size: 230px; font-size: 0; -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;z-index: 11;}


#menu_pad_m {position: relative; width: 100%; height: 360px; padding: 10px 0 10px 14px; }
#menu_pad_m ul{ width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; border:0; }
#menu_pad_m ul li {width: 300px; height: 110px; list-style-type: none; float: left; margin: 0; padding: 0; background:url(../images/mo/2016top5_bg_nav_m.jpg);  }
#menu_pad_m ul li.menu01_m { background-position: 0 0 ; margin:0 10px 5px 0}
#menu_pad_m ul li.menu02_m { background-position: 0 -110px ; margin-bottom: 5px;}
#menu_pad_m ul li.menu03_m { background-position: 0 -220px ; margin:0 10px 5px 0}
#menu_pad_m ul li.menu04_m { background-position: 0 -330px ; margin-bottom: 5px;}
#menu_pad_m ul li.menu05_m { background-position: 0 -440px ; margin:0 10px 5px 0}
#menu_pad_m ul li.menu06_m { background-position: 0 -550px ; margin-bottom: 5px;}
#menu_pad_m ul li a{ display: block; width: 100%; height: 100%; }



/*主要內容 #main_m */
#content_m {width: 640px; height: 100%; position: relative;  overflow: hidden;  background: url(../images/mo/2016top5_bg_site_bg_m.jpg); }
#content_m2 {width: 640px; height: 100%; position: relative;  overflow: hidden;  background: url(../images/mo/2016top5_bg_site_bg_m.jpg); }
#content_m a:hover{ text-decoration: none;}

#content_m .mct_area1,.mct_area2,.mct_area3,.mct_area4{ width:640px;position: relative;padding-top: 15px;}
#content_m .mct_area1 { width: 640px; height: 4130px;}
#content_m .mct_area2 { width: 640px; height: 4130px;}
#content_m .mct_area3 { width: 640px; height: 4130px;}
#content_m .mct_area4 { width: 640px; height: 4130px;}


#content_m .mct_area1 h2{ position: relative; width: 100%; height: 179px; line-height: 179px; font-size: 0;  margin:0px; background:url(../images/mo/2016top5_item01_h1.png) no-repeat; }
#content_m .mct_area2 h2{ position: relative; width: 100%; height: 179px; line-height: 179px; font-size: 0;  margin:0px; background:url(../images/mo/2016top5_item02_h1.png) no-repeat; }
#content_m .mct_area3 h2{ position: relative; width: 100%; height: 179px; line-height: 179px; font-size: 0;  margin:0px; background:url(../images/mo/2016top5_item03_h1.png) no-repeat; }
#content_m .mct_area4 h2{ position: relative; width: 100%; height: 179px; line-height: 179px; font-size: 0;  margin:0px; background:url(../images/mo/2016top5_item04_h1.png) no-repeat; }
#content_m .mct_area5 h2{ position: relative; width: 100%; height: 179px; line-height: 179px; font-size: 0;  margin:0px; background:url(../images/mo/2016top5_item05_h1.png) no-repeat; }
#content_m .mct_area6 h2{ position: relative; width: 100%; height: 179px; line-height: 179px; font-size: 0;  margin:0px; background:url(../images/mo/2016top5_item06_h1.png) no-repeat; }

#content_m .mct_area1>p,.mct_area2>p,.mct_area3>p,.mct_area4>p,.mct_area5>p,.mct_area6>p{ width:100%; line-height: 28px; font-size: 22px; font-weight: 100; padding: 0 30px; margin: 0; position: absolute; left: 0; top:200px; color:#FFFFFF; text-align: center;z-index: 2;}

#content_m .book_out{ width: 640px; height: 3921px; margin: 0; padding: 0;}
#content_m .mct_area1 .book_out{ background:url(../images/mo/2016top5_item01_bg_m.jpg) no-repeat; }
#content_m .mct_area2 .book_out{ background:url(../images/mo/2016top5_item02_bg_m.jpg) no-repeat; }
#content_m .mct_area3 .book_out{ background:url(../images/mo/2016top5_item03_bg_m.jpg) no-repeat; }
#content_m .mct_area4 .book_out{ background:url(../images/mo/2016top5_item04_bg_m.jpg) no-repeat; }
#content_m .mct_area5 .book_out{ background:url(../images/mo/2016top5_item05_bg_m.jpg) no-repeat; }
#content_m .mct_area6 .book_out{ background:url(../images/mo/2016top5_item06_bg_m.jpg) no-repeat; }

#content_m .book_out ul{ position: relative; left:0; top:0; width: 100%; height: 100%; padding: 0;}
#content_m .book_out ul .slick-list { height: 3921px;}
#content_m .book_out ul #post1_1{ width: 520px; height: 740px; position: absolute; left: 0; top: 105px; }
#content_m .book_out ul #post1_2{ width: 520px; height: 740px; position: absolute; left: 0; top: 860px; }
#content_m .book_out ul #post1_3{ width: 520px; height: 740px; position: absolute; left: 0; top: 1615px; }
#content_m .book_out ul #post1_4{ width: 520px; height: 740px; position: absolute; left: 0; top: 2370px; }
#content_m .book_out ul #post1_5{ width: 520px; height: 740px; position: absolute; left: 0; top: 3125px;  }

#content_m .TGH_movie_posttop_m .slick-slide { }

#content_m .TGH_movie_post1_m>div{ }
#content_m .TGH_movie_post1_m img{ width: 520px; height: 740px; }

#content_m .mct_area2 ul{ position: relative; width: 100%; height: 740px; padding: 5px 0 0 5px; margin-bottom: 49px;}
#content_m .mct_area2 ul li{ width: 520px; height: 740px; }

#content_m .mct_area3 ul{ position: relative; width: 100%; height: 740px; padding: 5px 0 0 5px; margin-bottom: 42px;}
#content_m .mct_area3 ul li{ width: 520px; height: 740px; }

#content_m .mct_area4 ul{ position: relative; width: 100%; height: 740px; padding: 5px 0 0 5px; margin-bottom: 49px;}
#content_m .mct_area4 ul li{ width: 520px; height: 740px; }
.view2{width: 100%;height: 100%; float: left;overflow: hidden;position: relative;text-align: center;box-shadow: 0px 0px 5px #aaa;cursor: default;}
.view2 a{ display:block; width: 100%; height: 100%;}
.view2 a img{width: 100%; height: 100%;}

/* 小網片單滑過特效*/
.view {width: 520px; height: 100%; float: left;overflow: hidden;position: relative;text-align: center; cursor: default; margin-left: 5px;}
.view .mask{width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}
.view img {display: block;position: relative; width: 520px; height: 740px;}
.view .info {display: inline-block;text-decoration: none;padding:0; width: 520px; height: 740px;font-size: 25px;line-height: 30px;padding: 40px 20px 50px 20px; overflow: hidden;color:#12242a;text-align: justify; position:absolute; left: 0; top: 0; opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.second-effect .mask {opacity: 0;overflow:visible;border:0px solid rgba(255,255,255,0.9);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.second-effect:hover .mask {opacity: 1;border:260px solid rgba(255,255,255,0.9);}
.second-effect:hover .info { /* border:15px solid rgba(196,186,172,.7);*/ top:-260px; left:-260px; opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -moz-transition-delay:0.2s; -webkit-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s;}
.second-effect .info h3{ width: 520px; height: 50px; line-height: 50px; font-size:40px; padding: 0 10px; margin: 0; color:#000000; font-weight: 100; text-align: center; position: absolute; left: 0px; top: 50px;}
.second-effect .info p{ width: 520px; line-height: 50px; font-size: 35px; padding: 0 20px; margin: 0; color: #000000; font-weight: 100; text-align: justify; position: absolute; left: 0px; top: 140px;}
.second-effect .info a.link1{ width: 480px;height: 100px;line-height: 100px;font-size: 35px;font-weight: 100;border: 1px solid #12242a;padding: 0 10px;text-align: center;position: absolute;left: 20px;bottom: 230px;background-color: #12242a; color:#FFFFFF; }
/*.second-effect .info a.link2{ width: 480px;height: 100px;line-height: 100px;font-size: 35px;font-weight: 100;border: 1px solid #12242a;padding: 0 10px;text-align: center;position: absolute;left: 20px;bottom: 80px; }*/
.second-effect .info a.link2{ width: 480px;height: 100px;line-height: 100px;font-size: 35px;font-weight: 100;border: 1px solid #12242a;padding: 0 10px;text-align: center;position: absolute;left: 20px;bottom: 120px; }
/* 小網片單滑過特效*/

/*#content_m .post_one{ width: 640px; margin: 0 137px 64px 137px;}
#content_m .post_one .post_box{ position: relative; width: 366px;}
#content_m .post_one .post_box img{ width: 366px; height: 499px; }
#content_m .post_one .post_box h4{ position: absolute; bottom:0px; left:0px; width: 366px; height: 60px; line-height: 60px; font-size: 27px; color:#FFFFFF; text-align: center; background: rgba(0%,0%,0%,0.8);}


#content_m .post_two{ padding: 0; height: 450px; margin-bottom: 50px; margin-left: 28px; }
#content_m .post_two .post{ width: 277px; float: left;margin-right: 28px;}
#content_m .post_two .post .post_box2{ position: relative;}
#content_m .post_two .post .post_box2 img{ width: 100%; height: 100%; }
#content_m .post_two .post .post_box2 h4{ position: absolute; bottom:-59px; left:0; width: 100%; height: 60px; line-height: 60px; font-size: 27px; font-weight: 100; color:#FFFFFF; text-align: center; background: rgba(0%,0%,0%,1);}
#content_m .post_two .post .post_box2 h5{ position: absolute; bottom:-59px; left:0; width: 100%; height: 60px; line-height: 30px; font-size: 27px; font-weight: 100; color:#FFFFFF; text-align: center; background: rgba(0%,0%,0%,1);}





#content_m .content-wrap a.left_btn{ position: absolute; left:224px; top:-120px; background:url(../images/pc/moremoive_btn.jpg); background-position: 0 0; width: 207px; height: 77px; }
#content_m .content-wrap a.right_btn{ position: absolute; left:492px; top:-120px; background:url(../images/pc/moremoive_btn.jpg); background-position: 0 77px; width: 207px; height: 77px; }

#mo_zoneall01{background-color: #fff; position:absolute;z-index:-99;opacity:1;}
.mo_moversale02{ text-align:center; width:640px;height: 63px;margin:0px 0px 30px 0px}
	#content_m .mo_moversale02 a{  float: left; width: 200px; height: 60px; font-size: 22px; line-height: 60px; font-weight: bold; text-decoration: none;    transition:all 0.3s;    -ms-transition:all 0.3s;    -moz-transition:all 0.3s;    -webkit-transition:all 0.3s;    -o-transition:all 0.3s;}
	#content_m .mo_moversale02 a.left_btn{ margin: 0; background: #9a9a9a; color:#FFFFFF; }
	#content_m .mo_moversale02 a.right_btn{ background: #1c95ff; color:#FFFFFF; }*/


body.noscroll{overflow-y:hidden ; width: 100%;}

.ndsadbn{ z-index:-1}
.noblockall{ display:none}

/**焦點影展Adbanner**/
#AdBanners_m{ background:url(../images/mo/fcsmoive_m.jpg) no-repeat; padding-top: 100px; height: 261px;}
/*#AdBanners_m h3{ display: block; background:url(../images/h3_ADbanner_title.png) no-repeat top center; width: 640px; height: 45px; margin-top: 15px;}*/
/*banner*/
#Banners_m{ display: block; position: relative; width: 640px; height: 129px; margin: 0 auto; overflow: hidden;}
#left_m, #right_m{ background:url(../images/arw.png) no-repeat 0 16px; display:block; width: 39px; height: 74px; float:left; cursor: pointer; position: absolute; left:40px; top:40px;}
#Banners_m #right_m{ background-position: -33px 0px; position: absolute; left:560px; top: 50px; float:right;}
.banner_In_m{ margin: 0 auto;overflow: hidden; position: relative; width: 413px; height:129px; padding: 0px;}
#Banners_m ul{ position: absolute; width: 9999px; }
#Banners_m ul li{ float: left; width: 413px; height: 129px; position: relative; }
#Banners_m ul li img{ border: 2px solid #dfdfdf; width: 413px; height: 129px;}


/*小叮嚀*/
	.note_m{  margin: 0px auto;; text-align:left;}
	#btn_note_m{
	width: 100%;
	display: block;
	margin: 0px auto;
	cursor: pointer;
	background-image: url(../images/mo/littlemm_mo01.jpg);
	background-position: 0px -7020px;
	height: 65px;
}

    #content_m .starbg{ width: 640px;height: 324px; margin: 10px 0 5px 0; padding-top: 38px; background: url(../images/mo/starbg_m.png)no-repeat  0;}
	/*carousel*/
	#carousel_m{ display: block; position: relative; width: 540px; height: 239px; margin: 9px auto;background-color:#636363; padding: 16px 25px;}
	#b-left, #b-right{ background:url(../images/arw_a.png) no-repeat 0 0px; display:block; height: 55px; width: 25px; float:left; cursor: pointer; position: absolute; left:-24px; top: 95px;}
	#carousel_m #b-right{ background-position: -25px 0px; position: absolute; left: 539px; float:right;}
	.carouselIn_m{ margin: 0 auto;overflow: hidden; position: relative; width: 100%; height: 230px;}
	#carousel_m ul{ position: absolute; width: 2160px;}
	#carousel_m ul li{ float: left; width: 248px; height: 224px; position: relative; }
	#carousel_m ul li h4{ font-size: 16px; color: #fff447; text-align: center; margin-top: 8px;}
	#carousel_m ul li p{ font-size: 15px; color: #FFF; text-align: center; margin-top: 6px;}


#content_m .bot_btn{ width: 640px; position: relative; }
#content_m .bot_btn a{ display: block; float: left; width: 208px; height: 80px; line-height: 45px; font-weight: bold;text-decoration: none;    transition:all 0.1s;    -ms-transition:all 0.1s;    -moz-transition:all 0.1s;    -webkit-transition:all 0.1s;    -o-transition:all 0.1s;}
/*#content_m .bot_btn a:hover{ -webkit-transform: translate(0, -5px);	-moz-transform: translate(0, -5px);-o-transform: translate(0, -5px);transform: translate(0, -5px);}*/
#content_m .bot_btn a.left_btn{ position: absolute; left:90px; top:-120px; background:url(../images/pc/moremoive_btn.jpg); background-position: 0 0; width: 207px; height: 77px; }
#content_m .bot_btn a.right_btn{ position: absolute; right:90px; top:-120px; background:url(../images/pc/moremoive_btn.jpg); background-position: 0 77px; width: 207px; height: 77px; }


	.note_box_m{ display: none;margin: 0px auto; width: 565px; padding:30px 0px 60px 0px}
	.note_box_m ul a{color:#F33}
	.note_box_m ul li{ list-style:decimal inside; font-size: 18px; line-height: 30px; padding-left: 18px; text-indent: -18px; color: #000; font-weight:normal}
	/*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; }
	.fb-like{position:absolute;right:0px;top:-4px;}

	/**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; font-size: 12px;}
	#footer_mB .footer_links_b a{ font-size:11px; text-align: center; padding: 0 3px; color: #666;}
	/*卷軸*/
.scrollup_1{ width:50px; height:50px; opacity:0.95; position:fixed; bottom:215px; right:10px; display:none; text-indent:-9999px; background: url(../images/btn_top2.png) no-repeat;}
	}