.all_wrap {
	height: auto;
	width: 100%;
	background-image: url(../images/laneige_bg.jpg);
	background-position: center top;
	background-color: #FFF;
	background-repeat: no-repeat;
}
.channel-title{
	width: 1000px;
	text-align: center;
	margin: auto;
	font-family: 'Pathway Gothic One', sans-serif, '儷黑 Pro', '微軟正黑體';
	text-align: center;
	background-image: url(../images/kv_title.png);
	height: 220px;
}
.channel-title span{ font-size:28px; font-weight:bold;}
.channel-title h2{font-size:52px; font-weight:400; line-height:52px; padding-bottom:10px;}
.channel-title h2 span{ font-size:28px; font-weight:400;}
.kv{width:1000px; height:300px; margin:auto; overflow:hidden;}
.kv_shadow {
	background-image: url(../images/kv_shadow.png);
	height: 20px;
	width: 1000px;
	margin: auto;
}
.event_blog {
	width: 1000px;
	height: 300px;
	margin: auto;
	overflow: hidden;
}

.area_event {
	float: left;
	height: 300px;
	width: 481px;
	position: relative;
}
.title-center{ text-align:center; font-size:24px;line-height:120%;padding-top:9px;margin:25px 0px; text-transform:uppercase; font-family: 'Josefin Sans', sans-serif, '儷黑 Pro', '微軟正黑體';font-weight:400;-webkit-font-smoothing: antialiased; position:relative;border-bottom:1px solid #ebebec;}
.title-center:after{ width:60px; height:1px; content:""; margin:0 auto;text-align:center;display:block; padding-top:10px; border-bottom:1px solid #000;z-index:2; }
.title-center span{font-weight:300; vertical-align:baseline;}


.area_artical{
	width: 1000px;
	height: auto;
	overflow: hidden;
	margin-top: -78px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

.artical_all{
	width: 1000px;
	height: auto;
	margin: auto;
}
.artical_headline {
	background-image: url(../images/article_tit.png);
	height: 100px;
	width: 1000px;
}

.artical_all .col1 {
	height: auto;
	width: 300px;
	margin-right: 47px;
	float: left;
}
.artical_all .col2 {
	height: auto;
	width: 300px;
	margin-right: 47px;
	float: left;
}
.artical_all .col3 {
	height: auto;
	width: 300px;
	float: left;
}



.artical_all ul li{
	width: 300px;
	height: auto;
	overflow: hidden;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
	-o-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
	-ms-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	border: 1px solid #CCC;
}
.artical_p {
	height: auto;
	width: 300px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.artical_p:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.artical_tit h3{
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0px;
	color: #333;
	margin-top: 5px;
}
.artical_txt{
	width: 290px;
	height: auto;
	overflow: hidden;
	color: #666;
	font-size: 13px;
	line-height: 18px;
	padding: 0 5px;
	letter-spacing: 0px;
}
.artical_more{color:#666; width:100px; height:21px; border:#666 1px solid; background:#fff; margin:15px auto; text-align:center; line-height:21px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.artical_all ul li:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.artical_all ul li:hover .artical_more,
.artical_all ul li:hover .artical_more > a:before{ color:#fff; background:#000;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.artical_more:before{ content:"SEE MORE";}
.artical_all ul li:hover .artical_more:before{ content:"閱讀更多";}

.area_video{
	width: 1000px;
	height: 650px;
	background-image: url(../images/vidoe_bg.png);
	padding-top: 78px;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.video_right {
	float: left;
	height: auto;
	width: 261px;
	margin-left: 30px;
}
.video2 {
	height: 420px;
	width: 661px;
	float: left;
	margin-left: 25px;
}
.video2 h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	margin-bottom: 10px;
}
.video2 p {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-top: 5px;
}

.video{
	width: 261px;
	height: 420px;
	float: left;
	margin-left: 30px;
	margin-top: -20px;
}
.video p {
	font-size: 12px;
	color: #000;
}


.area_blog {
	float: right;
	height: 300px;
	width: 490px;
	overflow: hidden;
	background-image: url(../images/blogger_bg.png);
}
.blog{
	width: 490px;
	height: 224px;
	margin-top: 76px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.blog_page{
	width: 490px;
	height: 224px;
	margin: auto;
}
.blog_page ul li{
	width: 152px;
	height: 224px;
	margin-right: 15px;
	overflow: hidden;
	float: left;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.blog_page ul li:hover{margin-top:0px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.blog_page ul li:nth-child(3n) {margin-right:0px;}
.blog_page ul li:first-child +li +li{/*ie8*/margin-right:0px;}
.blog_tit{width:130px; height:30px; padding-left:20px; background:url(../images/love.jpg) left center no-repeat; font-size:13px;  line-height:30px; letter-spacing:-0.3px;}
.blog_p{ width:150px; height:195px;}

.area_fun{width:1000px; height:auto; margin:auto; overflow:hidden;}
.fun{width:470px; height:150px; margin-right:20px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); overflow:hidden; float:left; margin:25px 15px 55px 15px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.fun:hover{ margin:15px 15px 65px 15px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.fun_p{width:150px; height:150px; float:left;}
.fun_content{width:320px; height:150px; float:left;}
.fun_tit{width:300px; height:20px; padding:7px 10px 10px 10px; text-overflow :ellipsis;}
.fun_tit h3{font-size:15px; line-height:20px; letter-spacing:0px;}
.fun_txt{width:300px; height:72px; overflow:hidden; color:#666; font-size:13px; line-height:18px; padding:0 10px; letter-spacing:0px;}
.fun_more{width:100px; height:21px; border:#000 1px solid; background:#fff; margin-top:10px;
margin-left:10px;  text-align:center; line-height:21px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.fun:hover .fun_more,
.fun:hover .fun_more > a:before{ color:#fff; background:#000;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.fun_more:before{ content:"MORE";}
.fun:hover .fun_more:before{ content:"閱讀更多";}