@import url("reset.css");

@import url("base.css");

@import url("foot_zone.css");


#desc h1 {    font-size: 26px;    color: #C00;    line-height: 1.3;}
 

HTML{}
/* -----背景圖-16888A-1688.jpg--------------------------------------------------------------------------------- */
body{ background:url(http://img.ezp8.com/EZP8/16888B-1688_1.jpg);}
body img { max-width:100%; }

/* -----最外框---------------------------------------------------------------------------------- */
#WAPPER{  background:#fff; height:100%; font-family:Arial, Helvetica, sans-serif;}

.img100 {width:100%;}
.scale2x { width:20%; -webkit-transform:scale(2);  margin: 20px 0 50px 140px; }

/* -----商標廣告列----------------------------------------------------------------------------------------------------------- */
.mg_c{ margin:0 auto;}

.in_w{ width:500px; height:91px; background:#FFF; padding:8px 5px;}

.br_box{ border:solid 3px #d9f4ff; border-radius:10px; box-shadow:inset 0 0 10px #53b4dd; padding:20px 0;}

.box_bk{ background: rgb(255,249,249); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,249,249,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 49%, rgba(232,241,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,249,249,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(232,241,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 49%,rgba(232,241,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 49%,rgba(232,241,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,249,249,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 49%,rgba(232,241,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,249,249,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 49%,rgba(232,241,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f9', endColorstr='#e8f1f7',GradientType=0 ); /* IE6-9 */

}

.go_txt{ /*width:150px;*/ font-size:20px; font-weight:bold; text-align:center; color:#06F; padding:10px 0;}








.area{ width:490px; height:120px; overflow:hidden; margin:0px; padding:8px 5px 8px 5px;}
.area:hover{ background:#ededed;}

.pic{ float:left; margin:0px 0px 0px 0px; padding:0px; width:150px; height:120px; text-align:center; overflow:hidden; background:#ededed;}
.pic img{ margin:0px; padding:0px;}
.pic a{ display:block; width:110px; height:75px;}
.txt{ float:right; padding:0px; width:330px; overflow:hidden;}

.area h5{ color:#e8880a;}
.area h5 a{ color:#e8880a; display:block; padding:0px 2px 0px 4px; margin:0px 0px 5px 0px; width:156px; height:13px; overflow:hidden;}
.area h5 a:hover{ color:#000;}

.area p{ color:#555555;}
.area p a{text-decoration: none; color:#555555; display:block; padding:0px 2px 0px 4px; width:156px; height:57px;}
.area p a:hover{}

.area p{ font-family:'新細明體', Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#888888; font-size:12px; line-height:150%;}
.area p a{ color:#888888; padding:0px;}
.area p a:hover{}




.clear_style{ clear:both;}
.loadingbar{ width:100px; height:20px; background:url(../images/loading.gif) no-repeat; margin:0 auto;}





/* ----- 瀑布流頁面 ---------------------------------------------------------------------------------------------------------------------------- */
#container{ max-width:1200px; min-width:500px; min-height:900px; background:#fff; margin:0 auto;}

#content { padding:20px 30px; margin:0 auto; min-height:800px; text-align:center;}

ol, ul{ list-style:none;}

#content ul li, .pause_box_top ul li, #content ul li.right_posts{ display:inline-table;
width:336px; height:315px; border-radius:5px; border:1px solid #CCCCCC; margin:0 16px 16px 0; overflow:hidden; position:relative;}

#content ul li { display:inline; float:left; margin:16px 0 16px 30px; background-color: #fff;}
#content ul li img {max-width:100%; min-width:100%; max-height:315px; vertical-align: middle;}

#content ul li.right_posts{ margin-right:0px;}

#content ul li .title, #content ul li .title a, .pause_box_top ul li .title, .pause_box_top ul li .title a{ 
width:100%; height:50px; position:absolute; bottom:0px; left:0px; line-height:50px; font-weight:100; text-align:center; text-decoration:none; border-radius:10px 10px 0 0; color:#FFF; background:rgba(0, 0, 0, 0.4);}

#content ul li .title a:hover, .pause_box_top ul li .title a:hover{ color:#CCC;}

h5{ font-size:15px;}

.article { white-space: pre-wrap; }
.article span { display:block; }


.articleList{
    background: url(../images/nav_bg.gif) repeat-x; 
    line-height: 35px; font-size: 19px; color: #fff; font-weight: bold;
    -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    }

.articleList2 {
    background: #FFF;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px; 
    overflow:hidden;
}



/* 熱門微博Widget css style02
created in 2013.05.22 */


/***Widget共用設定***/
/*其餘共用設定，請參考wb_widget.css*/
.wbWidgets{}
.widgetContainer{ width:auto; margin:0px 0px; font-family:Arial,'新細明體', Helvetica, sans-serif; border:0px #888 solid; border-width:0px 0px 0px 0px;}
#header{ margin:0px 0px; padding:0px 0px 0px 0px; height:20px;}
#header h1{ color:#000; background:url(../img/hot_weibo02/ico_header.png) no-repeat 5px 4px; padding:0px 0px 0px 42px; font-size:16px; letter-spacing:0.1em; font-family:'Microsoft JhengHei','微軟正黑體','新細明體', Arial, Helvetica, sans-serif;}
#header h1 a{ color:#000;}
#header h1 a:hover{ color:#333;}
#header .hdLine{ width:100%; height:0px; background:#333; display:none;}
#footer{ height:0px; margin:0px 0px; padding:0px 0px; display:block;}	
#weiboCont{ background-color:#fff; font-size:13px; padding:2px 0px 5px 0px;}


/***Widget特有設定名稱***/
.hotWeibo02{ }/*for 熱門微博02*/


/***熱門微博中間內容***/
.hotWeibo02 .listGroup{}
.hotWeibo02 .area{ width:auto; margin:0px; padding:8px 5px 8px 5px;}
.hotWeibo02 .area:hover{ background:#ededed;}

.hotWeibo02 .lineBar{ margin:1px 0px; padding:0px 0px 0px 0px; border-bottom:1px #eaeaea solid;}

.hotWeibo02 .area .pic{ margin:0px 0px 0px 0px; padding:0px; width:150px; height:12px; text-align:center; overflow:hidden; background:#ededed;}
.hotWeibo02 .area .pic img{ margin:0px; padding:0px;}
.hotWeibo02 .area .pic a{ padding:0px 0px 0px 0px;}
.hotWeibo02 .area .txt{ padding:0px;}
.hotWeibo02 .area h5{ font-family:'新細明體', Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#333333; font-size:13px;}
.hotWeibo02 .area h5 a{ color:#333333; padding:0px; margin:0px;}
.hotWeibo02 .area h5 a:hover{}
.hotWeibo02 .area p{ font-family:'新細明體', Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#888888; font-size:12px; line-height:150%;}
.hotWeibo02 .area p a{ color:#888888; padding:0px;}
.hotWeibo02 .area p a:hover{}
.hotWeibo02 .newsMore{ text-align:right; padding:0px 0px 0px 0px; width:auto; margin:5px 0px 5px 0px; float:right9; margin:10px 0px 4px 0px9; *margin:2px 0px 0px 0px;} 
.hotWeibo02 .newsMore span{ width:auto; background:url(../img/hot_weibo02/ico_arrow_more.gif) no-repeat right -140px; padding:0px 15px 0px 0px; font-weight:bold;}
.hotWeibo02 .newsMore span a{ color:#333;}
.hotWeibo02 .newsMore span a:hover{ color:#666;}



/*ScroolBar控制設定(基本設定可參照perfect-scrollbar.css)*/
.hotWeibo02 .contHolder{ /*width:300px; height:470px; overflow:hidden; position:relative;*/ margin:0px; clear:both;}
/*.ps-container .ps-scrollbar-x {
    background:#3ba5e3 !important;
    opacity:0.6 !important;
    filter:alpha(opacity = 60) !important;
	behavior:url(/lib/iecss3pie/pie.htc);
}
.ps-container:hover .ps-scrollbar-x {
    opacity:1 !important;
    filter:alpha(opacity = 100) !important;
}
.ps-container .ps-scrollbar-x:hover {
    opacity:1 !important;
    filter:alpha(opacity = 100) !important;
    cursor:default;
}

.ps-container .ps-scrollbar-y {
    background:#3ba5e3 !important;
    opacity:0.6 !important;
    filter:alpha(opacity = 60) !important;
	behavior:url(/lib/iecss3pie/pie.htc);
}
.ps-container:hover .ps-scrollbar-y {
    opacity:1 !important;
    filter:alpha(opacity = 100) !important;
}

.ps-container .ps-scrollbar-y:hover {
    opacity:1 !important;
    filter:alpha(opacity = 100) !important;
    cursor:default;
}*/


/***面版設定***/
/*Default-直式*/
#panelV01{}
#panelV01 .contHolder{ /*width:300px; height:470px; overflow:hidden; position:relative;*/ margin:0px 0px 40px 0px;}
#panelV01 .area{ width:290px; height:75px; overflow:hidden; margin:0px; padding:8px 5px 8px 5px;}
#panelV01 .area:hover{ background:#ededed;}

#panelV01 .lineBar{ width:300px;}

#panelV01 .area .pic{ float:left; margin:0px 0px 0px 0px; padding:0px; width:110px; height:75px; text-align:center; overflow:hidden; background:#ededed;}
#panelV01 .area .pic img{ margin:0px; padding:0px;}
#panelV01 .area .pic a{ display:block; width:110px; height:75px;}
#panelV01 .area .txt{ float:right; padding:0px; width:174px;}
#panelV01 .area h5{ color:#e8880a;}
#panelV01 .area h5 a{ color:#e8880a; display:block; padding:0px 2px 0px 4px; margin:0px 0px 5px 0px; width:168px; height:13px; overflow:hidden;}
#panelV01 .area h5 a:hover{ color:#000;}
#panelV01 .area p{ color:#555555;}
#panelV01 .area p a{ color:#555555; display:block; padding:0px 2px 0px 4px; width:168px; height:57px;}
#panelV01 .area p a:hover{}


/*直式-Cobrand底層頁*/
#panelCo{}
#panelCo .contHolder{ /*width:300px; height:470px; overflow:hidden; position:relative;*/ margin:0px 0px 40px 0px;}
#panelCo .area{ width:290px; height:75px; overflow:hidden; margin:0px; padding:8px 5px 8px 5px;}
#panelCo .area:hover{ background:#ededed;}

#panelCo .lineBar{ width:300px;}

#panelCo .area .pic{ float:left; margin:0px 0px 0px 0px; padding:0px; width:110px; height:75px; text-align:center; overflow:hidden; background:#ededed;}
#panelCo .area .pic img{ margin:0px; padding:0px;}
#panelCo .area .pic a{ display:block; width:110px; height:75px;}
#panelCo .area .txt{ float:right; padding:0px; width:174px; overflow:hidden;}
#panelCo .area h5{ color:#e8880a;}
#panelCo .area h5 a{ color:#e8880a; display:block; padding:0px 2px 0px 4px; margin:0px 0px 5px 0px; width:156px; height:13px; overflow:hidden;}
#panelCo .area h5 a:hover{ color:#000;}
#panelCo .area p{ color:#555555;}
#panelCo .area p a{text-decoration: none; color:#555555; display:block; padding:0px 2px 0px 4px; width:156px; height:57px;}
#panelCo .area p a:hover{}


/*橫式*/
#panelH01{}
#panelH01 .contHolder{ width:auto; margin:0px 0px 0px 0px;}
#panelH01 .area{ width:300px; height:90px; overflow:hidden; float:left; margin:3px 0px 11px 0px; padding:0px 10px 0px 0px;}
#panelH01 .area:hover{ background:transparent;}

#panelH01 .lineBar{ width:300px; margin:0px; border:0px; display:none;}

#panelH01 .area .pic{ float:left; margin:0px 8px 0px 0px; padding:0px; width:120px; height:90px; text-align:center; overflow:hidden; background:#ededed;}
#panelH01 .area .pic img{ margin:0px; padding:0px; /*_width:expression(document.body.clientWidth > 120? "120px": "auto" );*/}
#panelH01 .area .pic a{ display:block; width:120px; height:90px;}
#panelH01 .area .txt{ float:right; padding:0px; width:172px;}
#panelH01 .area h5{ color:#333; height:16px; overflow:hidden;}
#panelH01 .area h5 a{ color:#333; padding:0px 0px 0px 4px; margin:0px 0px 6px 0px;}
#panelH01 .area h5 a:hover{ color:#666;}
#panelH01 .area p{ color:#555555; height:55px; overflow:hidden;}
#panelH01 .area p a{ color:#555555; padding:0px 0px 0px 4px;}
#panelH01 .area p a:hover{ color:#888;}
#panelH01 .newsMore{ width:630px;} 
#panelH01 .newsMore span{ width:285px;}


/***針對Browser fixBug***/
/*for firefox*/
@-moz-document url-prefix(){
	#header h1{ background-position:5px 6px;}

	#panelV01 .area h5 a{ height:14px;}/*直式*/	
	#panelCo .area h5 a{ height:14px;}/*直式 Cobrand底層頁*/	
	#panelH01 .area h5{ height:17px;}/*橫式*/
}


.MORE{ width:100%; line-height:40px; text-align:right; background:#FFF;}

.MORE a{ font-size:15px; text-decoration:none; text-shadow:1px 1px 0 #06C; border:solid 1px #0CF; border-radius:8px; color:#FFF; 
background: rgb(31,134,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(31,134,248,1) 0%, rgba(58,153,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,134,248,1)), color-stop(100%,rgba(58,153,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(31,134,248,1) 0%,rgba(58,153,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(31,134,248,1) 0%,rgba(58,153,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(31,134,248,1) 0%,rgba(58,153,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(31,134,248,1) 0%,rgba(58,153,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f86f8', endColorstr='#3a99f6',GradientType=0 ); /* IE6-9 */

padding:4px 6px; box-shadow:1px 1px 3px #a6a6a6; margin:0 10px 0 0;}

.MORE a:hover{ color:#03F; text-shadow:1px 1px #6CF; box-shadow:none;}

.ICON_A,.ICON_B,.ICON_C,.ICON_D{ width:30px; height:30px;background: url(../images/title_nav_bar_pix.png); position:absolute; top:10px; left:10px;}

.ICON_A{}

.ICON_B{ background-position:30px 0;}

.ICON_C{ background-position:60px 0;}

.ICON_D{ background-position:90px 0;}

.FB_SHARE_BTN { background: url(../images/EZP8-P8-2-26-FB.jpg) no-repeat; width:200px; height:50px; margin:0 auto; cursor:pointer;}

.video_box {height:640px;}




.box {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top:20px;
    pading:10px;
    background:#f9f9f9; 
    position:fixed; 
    top:20%;
    width:945px;
    min-height:200px;
}

.box img{ max-width:100%}

.fancybox_sprite{
    position: absolute;
    top: 88px;
    left: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background:url("http://likea.ezvivi.com/images/fancybox_sprite.png");
}

.bottom_right {position: fixed;bottom: 0px;right: 0px; z-index:10;}

.Collect_bar{ clear:both; width:93%; height:30px; line-height:30px; padding:30px 0 5px 0; margin:0 auto;}
.Collect_bar li{ display:inline-table; margin:0 10px 0 0;}

.fav_coll_a a, .fav_coll_b a{ text-decoration:none;	color:#ffffff; font-family:微軟正黑體, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; border:1px solid #ff00ff; 
	text-shadow:1px 1px 0px #a115a1; -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff; -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
	padding:5px 10px 5px 38px;	
	}

.fav_coll_a a:active, .fav_coll_b a:active{ position:relative; top:1px;}

.fav_coll_a a{	background:url(../images/coll_a.png?_=1) no-repeat 10px 5px, #F3C;}
.fav_coll_a a:hover{ background:url(../images/coll_a.png?_=1) no-repeat 10px 5px, #ef22bc;}

.fav_coll_b a{ background:url(../images/coll_b.png?_=1) no-repeat 10px 5px, #F3C;}
.fav_coll_b a:hover{ background:url(../images/coll_b.png?_=1) no-repeat 10px 5px, #ef22bc;}


.con_pix{ width:160px; height:120px; margin:10px 10px 0 10px;}
.con_pix a{ display:block; width:160px; height:120px; }
.con_pix a:hover{}

.con_txt{ width:90%; height:40px; line-height:20px; text-align:left; background:; overflow:hidden; margin:5px auto;}
.con_txt a{ text-decoration:none; font-size:12px; font-weight:normal; color:#104c91; padding:10px;}
.con_txt a:hover{ color:#F90;}





.l_in_box{   overflow: hidden;}
.l_in_box:hover{  }


.in_img{ height:222px;  overflow:hidden; position: relative;}
.in_img img {position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; min-width: 100%; max-width: 100%; height:auto;}


.in_co_data{ text-align:left; font-family:微軟正黑體, Arial, Helvetica, sans-serif; padding:0 10px; margin:4px 0 0 0;}


.in_title{ height:2.5em; line-height:1.2em; font-size:1.2rem; font-weight:100; overflow:hidden;}
.in_title a{ text-decoration:none; color:#838383;}
.in_title a:hover{ color:#489aea;}


.she_dobar{ display:inline-flex; font-size:15px; color:#90a4c9; margin:5px 0 5px 0;}

.she_pix{ display:block; width:18px; height:18px; background:url(../images/she_box.jpg) no-repeat 0px 0px; margin:2px 5px 0 0; float:left;}

.fb_pop{ height:18px; line-height:18px; font-weight:bold; color:#838383;}

.d_day{ color:#90a4c9; }


.hot_title { background-color: #FFE4E1;  text-align: left;  padding-left: 1.5em;  margin: 0 0.5em 0 1.2em;  border-radius: 5px;  border: 1px solid #CCCCCC; }
.hot_title_2 {height:1.5em; line-height:1.5em;  margin: 3px 0; background-color: #FFE4E1;  text-align: left;  padding:0.2em  1.5em;  border-radius: 5px 5px 0px 0px ; }
.page_frame { display: inline-block; width:100%; text-align:center; margin-bottom:25px; }
.page_box { display: inline-block; width:800px; }
.page_button { display: inline-block;  width:395px;   }
.page_button a {
  display:block; width:330px;
  box-shadow: inset 0px 1px 0px 0px #fce2c1;
  background: -webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ffc477),color-stop(1,#fb9e25) );
  border-radius: 6px;
  border: 1px solid #eeb44f;
  color: #ffffff;
  font-size: 1.56em;
  font-weight: bold;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #cc9f52;
}

.pagination{ max-width:100%;  height:70px; line-height:50px; background:#FFF; padding:10px 0;}
.pagination ul{ text-align:center;}
.pagination ul li{ display:inline-table; margin:0 3px;}
.pagination ul li a{ display:block; width:50px; height:50px; text-decoration:none; font-size:26px; font-weight:bold; color:#FFF; border-radius:50%;}
.pagination ul li a:hover{}

.nomo{}
.nomo a{ background:#CCC;}
.nomo a:hover{ background:#007ddb;}

.nomo_sel{}
.nomo_sel a{ background:#007ddb;}
.nomo_sel a:hover{ background:#007ddb;}

.pag_l{}
.pag_l a{ display:block; text-indent:-99999px; border:solid 3px #007ddb; background:url(../images/l_sel.jpg) no-repeat top right;}
.pag_l a:hover{ background-position:bottom left;}

.pag_r{}
.pag_r a{ display:block; text-indent:-99999px; border:solid 3px #007ddb; background:url(../images/r_sel.jpg) no-repeat top right;}
.pag_r a:hover{ background-position:bottom left;}

.not-active {
   pointer-events: none;
   cursor: default;
}