/* start others */

.channelloader{
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	width:100%;
	z-index:250;
	background:rgba(0,0,0,0.75);
}

.social-box{width:100%;}
.social-btn{margin:10px 0;padding:10px;overflow:hidden;cursor:pointer;}
.social-btn:hover{
-webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.social-btn .social-icon{float:left;overflow:hidden;font-size:1.2em;text-align:center;min-width:20%;}
.social-btn .social-text{float:left;font-family:"latoblack";font-size:1.2em;overflow:hidden;}
.fbk-bg{background:#48649F;}
.twr-bg{background:#11B2EE;}

/* end others */

/* start filter */

.cfw{
	border-bottom:1px solid #3c3c36;
	padding:5px;
	overflow:hidden;
	font-size:1em;
	color:#555;
}

.cfw .cfb{
	margin:0 auto;
	overflow:hidden;
	display:table;
}

.cfw .cfb .fltrbox,.cfw .cfb .fltrbox .fltrctn{
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
}

.cfw .cfb .fltrbox .fltrctn .fltrview{
	margin:5px;cursor:pointer;font-size:1.5em;float:left;color:#555;
}

.cfw .cfb .fltrbox .fltrctn .fltrview:hover > i{
	color:#cf001c;
}

.cfw .cfb .fltrbox .fltrctn .fltrview-active > i{
	color:#cf001c;
}

.cfw .cfb .fltrbox .fltrctn .fltrsbct{
	float:left;
	list-style:none;
	padding:5px 10px;
	border:2px solid #555;
	cursor:pointer;
	border-radius:2px;
	margin:5px;
	font-size:1em;
	color:#555;
}

.cfw .cfb .fltrbox .fltrctn .fltrsbct:hover{
	color:#cf001c;
	border:2px solid #cf001c;
}

.cfw .cfb .fltrbox .fltrctn .fltrsbct-active{
	border:2px solid #cf001c;
	color:#cf001c;
}

.cfw .cfb .fltrbox .fltrctn .ftltbybox{
	overflow:hidden;
	margin:5px;
}

.cfw .cfb .fltrbox .fltrctn .ftltbybox .fltrby{
	display:none;
	width:200px;
}

.cfw .cfb .fltrbox .fltrctn .fltrrange{
	overflow:hidden;
	background:inherit;
	border:2px solid #555;
	border-radius:2px;
	padding:5px 10px;
	margin:5px;
	max-width:165px;
	text-align:center;
	font-size:1em;
	color:#555;
}

.cfw .cfb .fltrbox .fltrctn .fltrrange:hover,
.cfw .cfb .fltrbox .fltrctn .fltrrange:focus{
	border:2px solid #cf001c;
}

.cfw .cfb .fltrbox .fltrctn .submitbox{
	overflow:hidden;
	margin:5px;
}

.cfw .cfb .fltrbox .fltrctn .submitbox .fltrsubmit{
	overflow:hidden;
	background:inherit;
	border:2px solid #555;
	border-radius:2px;
	padding:3.5px 10px;
	font-size:1em;
	text-align:center;
	cursor:pointer;
	color:#555;
}

.cfw .cfb .fltrbox .fltrctn .submitbox .submit:hover{
	color:#cf001c;
	border:2px solid #cf001c;
}

/* end filter */

/* start content list */

.channelsection{
	padding:0;
	max-width:1920px;
	margin:0 auto;
	margin-top:-5px;
}

.channelwrap{
    display:block;
}

.channelwrap a{
	display:block;
}

.channelwrap img{
	display:block;
	position:relative;
}

.channelwrap .effectbox{
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	border:5px solid #cf001c;
	z-index:15;
}

.channelwrap .iconbox{
	position:absolute;
	top:0px;
	left:0px;
	z-index:15;
	height:42px;
	width:42px;
	padding:1px;
	background:#000;
}

.channelwrap .iconbox .iconimg{
	display:block;
	margin:4px;
	height:32px;
	width:32px;
}

.channelwrap .iconbox .iconphoto{
    background:url("../images/icon/icon_photo.svg") no-repeat scroll center center / contain ;
}

.channelwrap .iconbox .iconvideo{
    background:url("../images/icon/icon_video.svg") no-repeat scroll center center / contain ;
}

.channelwrap .channelbox{
	display:none;
	position:absolute;
	bottom:5px;
	left:5px;
	right:5px;
	padding:5px;
	z-index:10;
	color:#fff;
	font-size:1em;
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* IE10+ */
	background:linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 1) 100%) repeat scroll 0% 0%;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 ); /* IE6-9 */
}

.channelwrap .channelbox > span{
	display:block;
	font-size:0.75em;
	text-shadow:1px 0 7px #000;
	color:#ba9764;
}

.channelwrap .channelbox > h1{
	display:block;
	font-size:1em;
	text-shadow:rgb(0,0,0) 0px 0px 2px;
}

.channelwrap .titlebox{
	display:table;
	position:absolute;
	top:5px;
	bottom:5px;
	left:5px;
	right:5px;
	padding:5px;
	z-index:5;
	opacity:0;
}

.channelwrap .titlebox h1{
	display:block;
	font-size:1em;
	color:#fff;
	text-shadow:rgb(0,0,0) 0px 0px 2px;
}

.channelwrap:hover .iconbox{
	background:#cf0011;
}

.channelwrap:hover .effectbox{
	display:block;
}

.channelwrap:hover .channelbox{
	display:block;
}

.channelwrap:hover .titlebox{
	opacity:1;
}

/* end content list */

/* start content album */

.albumsection{
	overflow:hidden;
	margin:-15px auto -10px auto;
	padding:0;
	max-width:1920px;
}

.albumsection .albumwrap{
	width:20%;
	float:left;
	padding:10px;
	overflow:hidden;
}

.albumsection .albumwrap .albumlinkps{
	background:url("../images/apf-lt.png") no-repeat left top,url("../images/apf-rt.png") no-repeat right top,url("../images/apf-rb.png") no-repeat right bottom,url("../images/apf-rx.png") repeat-x left top,url("../images/apf-ry.png") repeat-y right top;
	padding:6px 6px 0 0;
}

.albumsection .albumwrap .albumlink{
	display:block;
	position:relative;
	overflow:hidden;
	height:100%;
}

.albumsection .albumwrap .albumlink img{
	width:100%;
	display:block;
}

.albumsection .albumwrap .albumlink .effectbox{
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	border:5px solid #cf001c;
	z-index:15;
}

.albumsection .albumwrap .albumlink .effectboxps{
	top:6px !important;
	right:6px !important;
	height:calc(100% - 6px) !important;
}

.albumsection .albumwrap .albumlink .iconbox{
	position:absolute;
	top:0;
	left:0;
	z-index:15;
	height:42px;
	width:42px;
	padding:1px;
	background:#000;
}

.albumsection .albumwrap .albumlink .iconboxps{
	top:6px;
}

.albumsection .albumwrap .albumlink .iconbox .iconimg{
	display:block;
	margin:4px;
	height:32px;
	width:32px;
}

.albumsection .albumwrap .albumlink .iconbox .iconphoto{
	background:url("../images/icon/icon_photo.svg") no-repeat scroll center center / contain ;
}

.albumsection .albumwrap .albumlink .iconbox .iconvideo{
	background:url("../images/icon/icon_video.svg") no-repeat scroll center center / contain ;
}

.albumsection .albumwrap .albumlink:hover .effectbox{
	display:block;
}

.albumsection .albumwrap .albumlink:hover .iconbox{
	background:#cf0011;
}

.albumsection .albumwrap .albumlink .albumbox{
	bottom:5px;
	color:#fff;
	display:none;
	font-size:1em;
	left:5px;
	padding:5px;
	position:absolute;
	right:5px;
	z-index:10;
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,1) 100%); /* IE10+ */
	background:linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 1) 100%) repeat scroll 0% 0%;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 ); /* IE6-9 */
}

.albumsection .albumwrap .albumlinkps .albumbox{
	right:11px;
}

.albumsection .albumwrap .albumlink .albumbox h1{
	display:block;
	font-size:1em;
	text-shadow:0 0 2px rgb(0,0,0);
}

.albumsection .albumwrap .albumlink .albumbox span{
	display:block;
	font-size:0.75em;
	text-shadow:1px 0 7px #000;
	color:#ba9764;
}

.albumsection .albumwrap .albumlink:hover .albumbox{
	display:block;
}

/* end content album */

/* start popup */

.temppop{margin:0;padding:0;height:0;width:0;overflow:hidden;}

.popupwrap{
	background:rgba(0,0,0,0.898) none repeat scroll 0 0;
	height:100%;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:fixed;
	z-index:100000;
	opacity:0;
}

.popuplftwrap{
	float:left;
	width:75%;
	height:100%;
	overflow:hidden;
}

.popuplftwrap .videowrap{
	height:100%;
	width:100%;
	overflow:hidden;
	position:relative;
	display:table;
}

.popuplftwrap .videowrap .videobox{
	overflow:hidden;
	height:100%;
	width:100%;
	padding:5px;
	background:#000;
	display:table-cell;
	vertical-align:middle;
}

.popuplftwrap .videowrap .videobox .spinnerwrap{
	z-index:5;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -30px;
}

.popuplftwrap .videowrap .videobox .iframebox{
	padding-bottom:56.23%;position:relative;z-index:10;
}

.popuplftwrap .videowrap .videobox .iframebox iframe{
	position:absolute;
}

.popuplftwrap .photowrap{
	height:100%;
	width:100%;
	overflow:hidden;
}

.popuplftwrap .photowrap .bigimgbox{
	overflow:hidden;
	height:calc(100% - 160px);
	width:100%;
	position:relative;
	color:#fff;
	text-align:center;
}

.popuplftwrap .photowrap .bigimgbox > .bigimgctn{
	display:block;
	width:calc(100% - 10px);
	margin:5px;
	position:relative;
	height:calc(100% - 40px);
	overflow:hidden;
}

.popuplftwrap .photowrap .bigimgbox > .bigimgctn > img{
	display:block;
	height:100%;
	margin:0 auto;
}

.popuplftwrap .photowrap .bigimgbox > .bigimgtitle{
    bottom:5px;
    display:block;
    margin:10px;
    overflow:hidden;
    position:absolute;
    text-align:center;
    width:calc(100% - 20px);
}

.popuplftwrap .photowrap .bigimgbox > .bigimgtitle > h1{
	display:block;
	margin:0 auto;
	font-family:"latobold";
	text-shadow:1px 0px 7px #000;
	font-size:1em;
}

.popuplftwrap .photowrap .bigimgbox > .nav{
	overflow:hidden;
	position:absolute;
	cursor:pointer;
	top:50%;
	margin-top:-42px;
	font-size:4em;
	z-index:5;
}

.popuplftwrap .photowrap .bigimgbox > .nav > i{
	margin:10px;
}

.popuplftwrap .photowrap .bigimgbox > .nav:hover > i{
	color:#cf001c;
}

.popuplftwrap .photowrap .bigimgbox .navlft{
	left:0;
}

.popuplftwrap .photowrap .bigimgbox .navrgt{
	right:0;
}

.popuplftwrap .photowrap .thumbimgbox{
	overflow:hidden;
	height:160px;
	width:100%;
	position:relative;
	color:#666;
}

.popuplftwrap .photowrap .thumbimgbox .thumbimgctn{width:100%;overflow:hidden;}

.popuplftwrap .photowrap .thumbimgbox .thumbimgctn .thumbimgscroll{overflow:hidden;}

.popuplftwrap .photowrap .thumbimgbox .thumbimgctn .thumbimgscroll .thumbimgitm{
	width:160px;
	float:left;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}

.popuplftwrap .photowrap .thumbimgbox .thumbimgctn .thumbimgscroll .thumbimgitm .thumbstatus{
	display:none !important;
	background:rgba(0,0,0,0) none repeat scroll 0 0;
	box-shadow:0 0 10px #cf001c inset;
	height:100%;
	position:absolute;
	width:100%;
}

.popuplftwrap .photowrap .thumbimgbox .thumbimgctn .thumbimgscroll .thumbactive .thumbstatus{
	display:block !important;
}

.popuplftwrap .photowrap .thumbimgbox .thumbimgctn .thumbimgscroll .thumbimgitm img{
	display:block;
	width:100%;
}

.popuplftwrap .photowrap .thumbimgbox > .nav{
	overflow:hidden;
	position:absolute;
	cursor:pointer;
	top:50%;
	margin-top:-42px;
	font-size:4em;
	z-index:5;
}

.popuplftwrap .photowrap .thumbimgbox > .nav > i{
	margin:10px;
}

.popuplftwrap .photowrap .thumbimgbox > .nav:hover > i{
	color:#cf001c;
}

.popuplftwrap .photowrap .thumbimgbox .navlft{
	left:0;
}

.popuplftwrap .photowrap .thumbimgbox .navrgt{
	right:0;
}

.popuprgtwrap{
	float:right;
	width:25%;
	height:100%;
	overflow:hidden;
}

.popuprgtwrap .popupclosewrap{
	overflow:hidden;
	background:transparent;
}

.popuprgtwrap .popupclosewrap .popupclosebox{
	float:right;
    background:#cf001c none repeat scroll 0 0;
    color:#fff;
    cursor:pointer;
    padding:5px;
	font-size:0.96em;
	height:30px;
}

.popuprgtwrap .popupinfowrap{
	background:#000 none repeat scroll 0 0;
	height:calc(100% - 30px);
	width:100%;
}

.popuprgtwrap .popupinfowrap .popupinfobox{
	padding:20px;
	border:5px solid #cf001c;
	height:100%;
	width:100%;
	overflow-y:auto;
}

.popuprgtwrap .popupinfowrap .popupinfobox .popupinfobtn{
	font-size:1em;
	margin:10px 0;
	overflow:hidden;
}

.popuprgtwrap .popupinfowrap .popupinfobox .stitle{
	font-size:1em;
	display:block;
}

.popuprgtwrap .popupinfowrap .popupinfobox .ctitle{
	font-size:1em;
	font-weight:normal;
	display:block;
}

.popuprgtwrap .popupinfowrap .popupinfobox .ctitle a{
	display:block;
	color:#fff;
	font-size:1.1em;
}

.popuprgtwrap .popupinfowrap .popupinfobox .ctitle a:hover{
	color:#cf001c;
}

.popuprgtwrap .popupinfowrap .popupinfobox .link:hover{
	cursor:pointer;
}

.popuprgtwrap .popupinfowrap .popupinfobox .link:hover{
	color:#cf001c;
}

.popuprgtwrap .popupinfowrap .popupinfobox .dqs-cmt > i{
	float:right;
}

/* end popup */

/* start detail */

.detailwrap{
	margin-left:67px;
	width:calc(100% - 67px);
}

.detailwrap > .ctnwrap{
	position:relative;
	width:80%;
	margin:10px auto;
}

.detailwrap > .ctnwrap > .ttl{
	font-size:2em;line-height:1.2;text-align:center;
}

.detailwrap > .ctnwrap > .breadcrumb{
	display:table;
	margin:0 auto;
	color:#cf001c;
	font-family:"latoblack";
}

.detailwrap > .ctnwrap > .breadcrumb > li{
	display:table-cell;
}

.detailwrap > .ctnwrap > .breadcrumb > li.separator{
	padding:0 5px;
}

.detailwrap > .ctnwrap > .breadcrumb a{
	color:inherit;
	text-decoration:none;
}

.detailwrap > .ctnwrap > .breadcrumb a:hover{
	color:#fff;
}

.detailwrap > .ctnwrap .ptowrap{
	background:rgba(0,0,0,0.5);
	position:relative;
}

.detailwrap > .ctnwrap .ptowrap .ttl{
	display:block;
	font-family:"latobold";
	font-size:1em;
	margin:10px;
	text-shadow:1px 0 7px #000;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

.detailwrap > .ctnwrap .ptowrap > .imgbig{
	display:block;margin:0 auto;
}

.detailwrap > .ctnwrap .ptowrap > .nav{
	text-decoration:none;display:block;cursor:pointer;position:absolute;height:70px;width:70px;line-height:70px;font-size:70px;text-align:center;margin-top:-35px;top:50%;color:#fff;background:rgba(0,0,0,0.35);
}

.detailwrap > .ctnwrap .ptowrap > .nav > i{
	opacity:0.35;
}

.detailwrap > .ctnwrap .ptowrap > .nav:hover > i{
	opacity:1;
	color:#cf001c;
}

.detailwrap > .ctnwrap .ptowrap > .navlft{
	left:0;
}

.detailwrap > .ctnwrap .ptowrap > .navrgt{
	right:0;
}

.detailwrap > .ctnwrap .ptowrap > .nav > i{display:block;height:70px;}

.detailwrap > .ctnwrap .vdowrap{
	padding-bottom:56.23%;
	position:relative;
}

.detailwrap > .ctnwrap .vdowrap > iframe{
	position:absolute;
}

.detailwrap > .adlwrap{
	width:80%;
	margin:10px auto;
}

.detailwrap > .adlwrap > .lft{
	float:left;
	width:60%;
}

.detailwrap > .adlwrap > .rgt{
	float:right;
	width:calc(40% - 50px);
	margin-left:50px;
}

.detailwrap > .adlwrap > .rgt > .ttl{
	color:#888;
	font-size:1.33em;
	font-style:italic;
	font-weight:normal;
	text-align:center;
}

.detailwrap > .adlwrap > .rgt > .dp{
	margin:10px 0;
	text-align:center;
}

.detailwrap > .adlwrap > .rgt > .bvc{
	padding:15px;
	text-align:center;
	color:#fff;
	border:1px solid #fff;
	margin:10px 0;
}

.detailwrap > .adlwrap > .rgt > .social-btn > .social-box{
	padding:5px;
}

.detailwrap > .adlwrap > .rgt > .social-btn > .social-box > .social-icon{
	min-width:15%;
	font-size:1.5em;
	line-height:100%;
}

.detailwrap > .adlwrap > .rgt > .social-btn > .social-box > .social-text{
	font-size:1.5em;
	line-height:100%;
}

/* end detail */

/* start custom filter select2 */
.select2-container--default .select2-selection--single{
	background:#181818 !important;
	border:2px solid #cf001c !important;
	border-radius:2px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#cf001c !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color:#cf001c transparent transparent !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	border-color:transparent transparent #cf001c !important;
}
.select2-dropdown{
	background:#181818 !important;
	border:2px solid #3c3c36 !important;
}
.select2-results__option{
	color:#3c3c36 !important;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
	background:#181818 !important;
	color:#3c3c36 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background:#181818 !important;
	color:#cf001c !important;
}
.select2-container .select2-selection--single{
	height:auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:30px !important;
}
/* end custom filter select2 */

/* start detail photos */

.thumbwrap{height:130px;background:#000;}
.thumbwrap .thumbwrapbox{position:relative;height:120px;width:calc(100% - 10px);margin:5px;}
.thumbwrap .thumbbox{height:120px;}
.thumbwrap .thumbctn{height:120px;width:120px;float:left;}
.thumbwrap .thumbctn-active{border:3px solid #cf001c;box-sizing:border-box;}
.thumbwrap a{display:block;height:100%;width:100%;}
.thumbwrap img{display:block;height:100%;width:100%;}
.thumbwrap .nav{height:50px;width:50px;text-align:center;cursor:pointer;position:absolute;margin-top:-25px;top:50%;background:rgba(0,0,0,0.35);}
.thumbwrap .nav i{font-size:50px;line-height:50px;display:block;color:#fff;opacity:0.35;}
.thumbwrap .nav-prev{left:0;}
.thumbwrap .nav-next{right:0;}
.thumbwrap .nav:hover i{color:#cf001c;opacity:1;}


/* end detail photos */

@media screen and (max-width:420px){
	.cfw .cfb .fltrbox .fltrctn:nth-child(5){
		display:block !important;
	}
}

@media screen and (max-width:880px){
	.cfw .cfb .fltrbox .fltrctn:nth-child(3){
		display:block !important;
	}
}

@media screen and (max-width:980px){
	.detailwrap > .adlwrap > .lft,.detailwrap > .adlwrap > .rgt{
		float:none !important;
		width:100% !important;
		margin:0 !important;
	}
}

@media screen and (max-width:1024px){
	.popupwrap{
		overflow-y:auto !important;
	}
	.popupwrap .bigimgbox{
		min-height:200px !important;
	}
	.popupwrap .bigimgbox img{
		width:100% !important;
	}
	.popupwrap .spinnerwrap60vm{
		margin:-30px 0 0 -30px !important;
		position: absolute !important;
		top:50%;
		left:50%;
	}
	.popuplftwrap,.popuprgtwrap{
		width:100% !important;
		float:none !important;
		height:auto !important;
	}
}

@media screen and (max-width:480px){
	.albumsection .albumwrap{
		width:50% !important;
	}
}

@media screen and (min-width:481px) and (max-width:640px){
	.albumsection .albumwrap{
		width:50% !important;
	}
}

@media screen and (min-width:641px) and (max-width:1024px){
	.albumsection .albumwrap{
		width:25% !important;
	}
}