@charset "utf-8";
		
		/* List */
		.feature-card-head {padding:71px 0 52px 0;text-align:center;}
		.feature-card-head h1 {color:#333;font-family:'sssB';font-size:35px;line-height:50px;padding:0 0 12px 0;}
		.feature-card-head p {color:#333;font-family:'sssB';font-size:20px;line-height:25px;}
		
		
		.feature-card-list {width:auto;padding:0 30px 0 30px;margin:0;visibility:hidden;}
		.feature-card-list.ready {visibility:visible;}
		.feature-card-list .card {position:relative;width:32.3%;overflow:hidden;background-color:#f6f6f7;float:left;}
		.feature-card-list .card .photo {position:relative;left:0;top:0;width:100%;height:auto;overflow:hidden;}
		.feature-card-list .card .photo img {display:block;width:100%;height:auto;}
		.feature-card-list .card .photo .image {position:absolute;width:100%;height:auto;transition:all 15s linear;-webkit-transition:all 15s linear;-moz-transition:all 15s linear;-o-transition:all 15s linear;transform:scale(1,1) rotate(0.001deg);}
		.feature-card-list .card.hover .photo .image {transform:scale(1.125,1.125) rotate(0.001deg);-webkit-transform:scale(1.125,1.125);-moz-transform:scale(1.125,1.125);-o-transform:scale(1.125,1.125);}
		.feature-card-list .card .message {position:relative;width:100%;height:212px;overflow:hidden;}
		.feature-card-list .card .message h2 {color:#222;font-family:'sssB';font-size:18px;line-height:27px;padding:26px 20px 0 20px;}
		.feature-card-list .card .message p.text {color:#222;font-family:'sssM';font-size:18px;line-height:27px;padding:4px 20px 0 20px;}
		.feature-card-list .card p.comment {position:absolute;left:0;bottom:23px;width:70%;color:#999;font-family:'sssM';font-size:12px;line-height:18px;padding:0 0 0 28px;text-indent:-8px;}
		.feature-card-list .card a.btn-zoom {position:absolute;left:0;top:0;display:block;width:100%;height:auto;overflow:hidden;}
		.feature-card-list .card a.btn-zoom .background {display:block;width:100%;height:auto;overflow:hidden;background-color:#333399;opacity:0;filter:alpha(opacity=0);}
		.feature-card-list .card a.btn-zoom .background img {display:block;width:100%;height:auto;border:0;}
		.feature-card-list .card a.btn-zoom .icon-zoom {position:absolute;left:0;top:0;display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;white-space:nowrap;background-image:url(../../images/btn_zoom.png);background-repeat:no-repeat;background-position:center center;opacity:0;filter:alpha(opacity=0);}
	.s1 .feature-card-list .card a.btn-zoom .icon-zoom {background-size:36px 36px;}
		.feature-card-list .card > .background {position:absolute;left:0;bottom:0;width:100%;height:212px;background-color:#333399;opacity:0;filter:alpha(opacity=0);}
	.s3 .feature-card-list .card > .background {height:200px;}
	.s2 .feature-card-list .card > .background {height:204px;}
	.s1 .feature-card-list .card > .background {height:110px;}
		.feature-card-list .card .share {position:absolute;right:0;bottom:0;width:100%;height:0;overflow:visible;}
		.feature-card-list .card .share h5 {position:absolute;right:0;bottom:23px;color:#a3a3a4;font-family:'sssB';font-size:13px;line-height:19px;text-align:right;padding:0 30px 0 0;}
		.feature-card-list .card .share .share-buttons {display:block;position:absolute;left:0;top:-110%;width:100%;height:100%;overflow:hidden;font-size:1px;line-height:64px;text-align:center;}
		.feature-card-list .card .share .share-buttons li {position:relative;display:inline-block;width:64px;height:47.5%;overflow:visible;padding:0 10px;}
		.feature-card-list .card .share .share-buttons a {position:absolute;bottom:-32px;display:block;width:64px;height:64px;overflow:hidden;}
		.feature-card-list .card .share .share-buttons a .faicon {display:block;width:100%;height:100%;text-indent:0;color:#fff;font-size:36px;line-height:64px;text-align:center;opacity:.5;filter:alpha(opacity=50);}
		.feature-card-list .card .share .share-buttons a:hover .faicon,
		.feature-card-list .card .share .share-buttons a:focus .faicon {color:#fff !important;opacity:1;filter:alpha(opacity=100);}
		.feature-card-list .description {float:none;clear:both;color:#999;font-family:'sssM';font-size:12px;line-height:18px;padding:20px 0 90px 0;}
		
.mobile	.feature-card-list .card a.btn-zoom {z-index:350;height:100%;}
		
.s34	.feature-card-list .card	 {margin:0 0 1.59% 0;}
.s34	.feature-card-list .card.o31 {margin-right:1.6%;clear:both;}
.s34	.feature-card-list .card.o33 {float:right;}
		
	.s3 .feature-card-list .card .message {height:200px;}
	.s3 .feature-card-list .card .message h2 {font-size:16px;line-height:24px;padding:26px 20px 0 20px;}
	.s3 .feature-card-list .card .message p.text {font-size:16px;line-height:24px;padding:4px 20px 0 20px;}
		
		
.s12 	.feature-card-list .card.o21 {clear:both;}
.s12 	.feature-card-list .card.o22 {float:right;}
	.s2 .feature-card-head {padding:48px 0 50px 0;}
	.s2 .feature-card-head h1 {font-size:28px;line-height:43px;padding:0 0 6px 0;}
	.s2 .feature-card-head p {font-size:18px;line-height:23px;}
	.s2 .feature-card-list .card {width:48.9%;margin:0 0 20px 0;}
	.s2 .feature-card-list .card .message {height:204px;}
	.s2 .feature-card-list .card .message h2 {font-size:16px;line-height:24px;padding:28px 20px 0 20px;}
	.s2 .feature-card-list .card .message p.text {font-size:16px;line-height:24px;padding:4px 20px 0 20px;}
	.s2 .feature-card-list .card .share .share-buttons li {width:58px;padding:0 10px;}
	.s2 .feature-card-list .card .share .share-buttons a {bottom:-29px;width:58px;height:58px;}
	.s2 .feature-card-list .card .share .share-buttons a .faicon {font-size:30px;line-height:58px;}
		
	.s1 .feature-card-head {padding:23px 0 21px 0;}
	.s1 .feature-card-head h1 {font-size:14px;line-height:22px;padding:0 0 3px 0;}
	.s1 .feature-card-head p {font-size:9px;line-height:12px;}
	.s1 .feature-card-list {padding:0 15px 0 15px;}
	.s1 .feature-card-list .card {width:48.5%;margin:0 0 10px 0;}
	.s1 .feature-card-list .card .message {height:110px;}
	.s1 .feature-card-list .card .message h2 {font-size:8px;line-height:12px;padding:9px 5px 0 5px;}
	.s1 .feature-card-list .card .message p.text {font-size:8px;line-height:12px;padding:2px 5px 0 5px;}
	.s1 .feature-card-list .card p.comment {bottom:6px;width:70%;font-size:8px;line-height:12px;padding:0 0 0 10px;text-indent:-5px;}
	.s1 .feature-card-list .card .share h5 {bottom:6px;font-size:8px;line-height:12px;text-align:right;padding:0 10px 0 0;}
	.s1 .feature-card-list .card .share .share-buttons li {width:30px;padding:0 5px;}
	.s1 .feature-card-list .card .share .share-buttons a {bottom:-15px;width:30px;height:30px;}
	.s1 .feature-card-list .card .share .share-buttons a .faicon {font-size:15px;line-height:30px;}
	.s1 .feature-card-list .description {font-size:8px;line-height:12px;padding:11px 0 40px 0;}
		
		
		/* List Hover */
		.feature-card-list .card.hover a.btn-zoom {}
		.feature-card-list .card.hover a.btn-zoom .background {opacity:.7;filter:alpha(opacity=70);}
		.feature-card-list .card.hover a.btn-zoom .icon-zoom {opacity:.3;filter:alpha(opacity=30);}
		.feature-card-list .card.hover a.btn-zoom.hover .icon-zoom {opacity:1;filter:alpha(opacity=100);}
		.feature-card-list .card.hover > .background {opacity:.98;filter:alpha(opacity=98);}
		.feature-card-list .card.hover .share {height:212px;}
		.feature-card-list .card.hover .share h5 {color:#9494c3;}
		.feature-card-list .card.hover .share .share-buttons {display:block;top:0;}
		
		
	.s3 .feature-card-list .card.hover .share {height:200px;}
	.s3 .feature-card-list .card .share .share-buttons li {padding:0 0;}
	
	.s2 .feature-card-list .card.hover .share {height:204px;}
	.s2 .feature-card-list .card .share .share-buttons li {padding:0 3px;}
	
	.s1 .feature-card-list .card.hover .share {height:110px;}
	.s1 .feature-card-list .card .share .share-buttons li {padding:0 0;}
		
		
.mobile	.feature-card-list .card.hover a.btn-zoom .background {display:none;}
.mobile	.feature-card-list .card.hover a.btn-zoom .icon-zoom {display:none;}
.mobile	.feature-card-list .card.hover .share {display:none;}
		
		
		.color_yb .feature,
		.color_yb .feature-card-head h1,
		.color_yb .feature-card-list .card .message h2,
		.color_yb .feature-card-list .card a.btn-zoom .background,
		.color_yb .feature-card-list .card > .background,
		.color_yb .feature-card-head p {background-color:#000 !important;color:#fff01f !important;}
		
		.color_yb .feature-card-list .card {background-color:#000 !important;}
		.color_yb .feature-card-list .card h2,
		.color_yb .feature-card-list .card h5,
		.color_yb .feature-card-list .card p,
		.color_yb .layer-view .header .paging,
		.color_yb .layer-view .header .paging .count,
		.color_yb .layer-view .body .wrap .card .message h2,
		.color_yb .layer-view .body .wrap .card .message p,
		.color_yb .feature-card-list .description,
		
		.color_yb .feature-card-list .card .share,
		.color_yb .feature-card-list .card .share h5,
		.color_yb .feature-card-list .card .share .share-buttons a,
		.color_yb .feature-card-list .card .share .share-buttons a .faicon {background-color:#000 !important;color:#fff01f !important;}
		
		
		
		/* View */
		.layer-view {position:fixed;z-index:300;left:0;top:0;width:100%;height:100%;display:none;}
		.layer-view.opened {display:block;}
		.layer-view .wrap {position:relative;left:0;top:0;margin:0 auto;}
		.layer-view > .wrap {min-width:320px;max-width:1920px;height:100%;}
		.layer-view .wrap a.dummy {position:absolute;left:0;top:-200px;display:block;width:1px;height:1px;overflow:hidden;text-indent:-9999px;}
		.layer-view .wrap > .background {position:absolute;z-index:301;display:block;width:100%;height:100%;background-color:#fff;}
		.layer-view .header {position:relative;z-index:304;left:0;top:0;width:100%;height:110px;}
		.layer-view .header .background {position:absolute;display:block;width:100%;height:100%;background-color:#fff;opacity:.94;filter:alpha(opacity=94);}
	.s3 .layer-view .header {height:90px;}
	.s2 .layer-view .header {height:90px;}
	.s1 .layer-view .header {height:55px;}
		.layer-view .header a.btn-close {position:absolute;right:0;top:9px;display:block;width:92px;height:92px;overflow:hidden;text-indent:-9999px;background-image:url(../../images/btn_close.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;opacity:.6;filter:alpha(opacity=60);}
	.s3 .layer-view .header a.btn-close {top:-1px;}
	.s2 .layer-view .header a.btn-close {top:-1px;}
	.s1 .layer-view .header a.btn-close {width:46px;height:46px;top:4px;}
		.layer-view .header a.btn-close.hover,
		.layer-view .header a.btn-close:focus {opacity:1;filter:alpha(opacity=100);}
		.layer-view .header .paging {position:relative;left:0;top:31px;width:97px;height:auto;overflow:visible;margin:0 auto;text-align:center;padding:12px 0 0 0;}
	.s3 .layer-view .header .paging {top:21px;}
		.layer-view .header .paging .count {color:#a3a3a4;font-family:'sssB';font-size:24px;line-height:30px;}
.s12	.layer-view .header .paging {display:none;}
	.s1 .layer-view .header .paging {top:15px;width:48px;padding:6px 0 0 0;}
	.s1 .layer-view .header .paging .count {font-size:12px;line-height:15px;}
		
		.layer-view .body {position:relative;z-index:302;left:0;top:0;width:100%;height:100%;}
		.layer-view .body .wrap a.btn-paging {position:absolute;top:0;display:block;width:80px;height:100%;overflow:hidden;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;opacity:.6;filter:alpha(opacity=60);}
		.layer-view .body .wrap a.btn-paging.prev {left:0;background-image:url(../../images/btn_prev.png);}
		.layer-view .body .wrap a.btn-paging.next {right:0;background-image:url(../../images/btn_next.png);}
		.layer-view .body .wrap a.btn-paging.hover,
		.layer-view .body .wrap a.btn-paging:focus {opacity:1;filter:alpha(opacity=100);}
.s12	.layer-view .body .wrap a.btn-paging {display:none;}
		.layer-view .body .wrap {position:relative;left:0;top:0;display:block;}
.ie8	.layer-view .body .wrap {overflow-y:scroll;}
		.layer-view .body .wrap .card {position:absolute;left:0;top:0;padding:50px 80px 180px 80px;}
	.s3 .layer-view .body .wrap .card {padding:10px 80px 180px 80px;}
	.s2 .layer-view .body .wrap .card {padding:0 0 180px 0;}
	.s1 .layer-view .body .wrap .card {padding:30px 0 100px 0;}
		.layer-view .body .wrap .card .photo {position:relative;left:0;top:0;width:100%;height:auto;overflow:visible;}
		.layer-view .body .wrap .card .photo .image {position:absolute;left:0;top:0;width:100%;height:auto;}
		.layer-view .body .wrap .card .photo .image img {opacity:0;filter:alpha(opacity=0);}
		.layer-view .body .wrap .card .photo .image img.loaded {opacity:1;filter:alpha(opacity=100);}
		
		/* video */
		.layer-view .body .wrap .card .photo .image {overflow:hidden;}
		.layer-view .body .wrap .card .photo .image figure img {opacity:1;filter:alpha(opacity=100);}
		.layer-view .body .wrap .card .photo .image .img-dimmed {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#000;opacity:0.45;filter:alpha(opacity=45);}
		.layer-view .body .wrap .card .photo .image .play-btn {position:absolute;top:50%;left:50%;width:140px;height:140px;margin:-70px 0 0 -70px;z-index:1;}
		.layer-view .body .wrap .card .photo .image .play-btn > img {opacity:0.4;filter:alpha(opacity=40);transition:all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);-webkit-transition:all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition:all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition:all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
		.layer-view .body .wrap .card .photo .image .play-btn:hover > img,
		.layer-view .body .wrap .card .photo .image .play-btn:focus > img {opacity:1;filter:alpha(opacity=100);transform:scale(1.1,1.1) rotate(0.001deg);}
		.s2 .layer-view .body .wrap .card .photo .image .play-btn {width:90px;height:90px;margin:-45px 0 0 -45px;}
		.s1 .layer-view .body .wrap .card .photo .image .play-btn {width:70px;height:70px;margin:-35px 0 0 -35px;}

		.layer-view.video-added .body .wrap .card .photo .image img {transition:all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
		.layer-view.video-added .body .wrap .card .photo .image .play-btn > img{opacity:0 !important;transform:scale(1.5,1.5) rotate(0.001deg) !important;}
		.layer-view.video-added .body .wrap .card .photo .image figure img {opacity:0;transform:scale(1.075,1.075) rotate(0.001deg);}
		.layer-view.video-added .body .wrap .card .photo .image .img-dimmed {display:none;}

		.layer-view .body .wrap .card .photo .scale {position:relative;left:0;top:0;width:100%;height:auto;}
		.layer-view .body .wrap .card .photo img {display:block;width:100%;height:auto;border:0;}
		.layer-view .body .wrap .card .message {min-width:240px;max-width:950px;margin:0 auto;text-align:center;padding:57px 0 50px 0;}
		.layer-view .body .wrap .card .message h2 {color:#222;font-family:'sssB';font-size:32px;line-height:45px;padding:0 0 17px 0;}
		.layer-view .body .wrap .card .message p.text {color:#222;font-family:'sssM';font-size:18px;line-height:30px;padding:0 0 15px 0;}
		.layer-view .body .wrap .card .message p.comment {color:#999;font-family:'sssM';font-size:12px;line-height:24px;}

		/* iframe */
		.layer-view .body .wrap .card .photo .image iframe {position:absolute; top:0; left:0; z-index: 10; width:100%; height:100%;}
		
	.s1 .layer-view .body .wrap .card .message {padding:28px 15px 0 15px;}
	.s1 .layer-view .body .wrap .card .message h2 {font-size:16px;line-height:22px;padding:0 0 8px 0;}
	.s1 .layer-view .body .wrap .card .message p.text {font-size:12px;line-height:20px;padding:0 0 14px 0;}
	.s1 .layer-view .body .wrap .card .message p.comment {font-size:8px;line-height:16px;}
		
		.layer-view .share {width:320px;margin:0 auto;text-align:center;}
		.layer-view .share h5 {color:#a3a3a4;font-family:'sssB';font-size:13px;line-height:19px;padding:0 0 0 0;}
		.layer-view .share .share-buttons {width:100%;}
		.layer-view .share .share-buttons li {position:relative;display:inline-block;width:54px;height:47.5%;overflow:visible;padding:0 3px;}
		.layer-view .share .share-buttons a {display:block;width:54px;height:54px;overflow:hidden;}
		.layer-view .share .share-buttons a .faicon {display:block;width:100%;height:100%;text-indent:0;color:#8c8c8c;font-size:26px;line-height:54px;text-align:center;}
		.layer-view .share .share-buttons a:hover .faicon,
		.layer-view .share .share-buttons a:focus .faicon {}
		
	.s1 .layer-view .share {margin:30px auto;}
		
	.s1 .layer-view .share .share-buttons li {width:49px;padding:0 0;}
	.s1 .layer-view .share .share-buttons h5 {font-size:9px;line-height:16px;padding:0 0 0 0;}
	.s1 .layer-view .share .share-buttons a {width:49px;height:49px;}
	.s1 .layer-view .share .share-buttons a .faicon {font-size:21px;line-height:49px;text-align:center;}
		
		.layer-view .footer {display:none;position:absolute;z-index:303;left:0;bottom:0;width:100%;height:0;}
		.layer-view .footer .paging {position:relative;left:0;bottom:0;width:100%;height:100%;overflow:hidden;padding:0 0 0 0;}
		.layer-view .footer .paging .background {position:absolute;display:block;width:100%;height:100%;background-color:#fff;opacity:.94;filter:alpha(opacity=94);}
		.layer-view .footer .paging .count {position:relative;display:block;width:200px;height:100%;color:#a3a3a4;font-family:'sssB';font-size:24px;line-height:30px;text-align:center;margin:0 auto;padding:34px 0 0 0;}
		.layer-view .footer .paging a.btn-paging {position:absolute;bottom:4px;display:block;width:82px;height:82px;overflow:hidden;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;opacity:.6;filter:alpha(opacity=60);background-size:100% 100%;}
		.layer-view .footer .paging a.btn-paging.prev {left:0;background-image:url(../../images/btn_prev_m.png);}
		.layer-view .footer .paging a.btn-paging.next {right:0;background-image:url(../../images/btn_next_m.png);}
		
	.s2 .layer-view .footer {display:block;height:90px;}
	.s1 .layer-view .footer {display:block;height:55px;}
	.s1 .layer-view .footer .paging .count {font-size:12px;line-height:15px;text-align:center;padding:22px 0 0 0;}
	.s1 .layer-view .footer .paging a.btn-paging {bottom:7px;display:block;width:41px;height:41px;}
		
		.layer-view .footer .paging a.btn-paging.hover {opacity:1;filter:alpha(opacity=100);}
		
		
		.color_yb .layer-view .share,
		.color_yb .layer-view .share h5,
		.color_yb .layer-view .share .share-buttons a,
		.color_yb .layer-view .share .share-buttons a .faicon,
		.color_yb .layer-view .footer .paging .count {background-color:#000 !important;color:#fff01f !important;}

		html.color_yb .layer-view .body .wrap .card .photo .image .play-btn > img {background-color:#000 !important;color:#fff01f !important;}
		html.color_yb .layer-view .body .wrap .card .photo .image .play-btn > img {opacity:1;filter:alpha(opacity=100);}