@charset "UTF-8";
/*
 * (STYLESHEET)
 * CSS.
 * ECq'Studio
 * http://ecq-studio.com
 */
 
	/* ////////////////////////////////////// */
	/* FONT FACE */
	/* ////////////////////////////////////// */
	
	/* ////////////////////////////////////// */
	/* ANIMATE */
	/* ////////////////////////////////////// */

        /* UP DOWN */
		@-webkit-keyframes down-up {
		  0%   { padding: 0px 0px 10px; }
		  50%   { padding: 10px 0px 0px; }
		  100% { padding: 0px 0px 10px; }
		}
		@-moz-keyframes down-up {
		  0%   { padding: 0px 0px 10px; }
		  50%   { padding: 10px 0px 0px; }
		  100% { padding: 0px 0px 10px; }
		}
		@-o-keyframes down-up {
		  0%   { padding: 0px 0px 10px; }
		  50%   { padding: 10px 0px 0px; }
		  100% { padding: 0px 0px 10px; }
		}
		@keyframes down-up {
		  0%   { padding: 0px 0px 10px; }
		  50%   { padding: 10px 0px 0px; }
		  100% { padding: 0px 0px 10px; }
		}
	
		@-webkit-keyframes rotate360T /* Safari and Chrome */ {
		  from {
		    -ms-transform: rotate(0deg);
		    -moz-transform: rotate(0deg);
		    -webkit-transform: rotate(0deg);
		    -o-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  to {
		    -ms-transform: rotate(360deg);
		    -moz-transform: rotate(360deg);
		    -webkit-transform: rotate(360deg);
		    -o-transform: rotate(360deg);
		    transform: rotate(360deg);
		  }
		}
		@keyframes rotate360T {
		  from {
		    -ms-transform: rotate(0deg);
		    -moz-transform: rotate(0deg);
		    -webkit-transform: rotate(0deg);
		    -o-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  to {
		    -ms-transform: rotate(360deg);
		    -moz-transform: rotate(360deg);
		    -webkit-transform: rotate(360deg);
		    -o-transform: rotate(360deg);
		    transform: rotate(360deg);
		  }
		}

        @-webkit-keyframes scale1d5 /* Safari and Chrome */ {
		  from {
		    -ms-transform: scale(1.0);
		    -moz-transform: scale(1.0);
		    -webkit-transform: scale(1.0);
		    -o-transform: scale(1.0);
		    transform: scale(1.0);
		  }
		  to {
		    -ms-transform: scale(1.5);
		    -moz-transform: scale(1.5);
		    -webkit-transform: scale(1.5);
		    -o-transform: scale(1.5);
		    transform: scale(1.5);
		  }
		}
		@keyframes scale1d5 {
		  from {
		    -ms-transform: scale(1.0);
		    -moz-transform: scale(1.0);
		    -webkit-transform: scale(1.0);
		    -o-transform: scale(1.0);
		    transform: scale(1.0);
		  }
		  to {
		    -ms-transform: scale(1.5);
		    -moz-transform: scale(1.5);
		    -webkit-transform: scale(1.5);
		    -o-transform: scale(1.5);
		    transform: scale(1.5);
		  }
		}
        
	
	/* ////////////////////////////////////// */
	/* STYLE ALL */
	/* ////////////////////////////////////// */
		
		body{
            @import url('https://fonts.googleapis.com/css?family=kanit');font-family: 'kanit'!important;
            font-family: 'kanit';
			margin: 0px;
			padding: 0px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
            color: #e4a136;
            background: #211c1e;
            overflow-y: scroll;
		}
        .fixBottom{ position: fixed;width: 100%;bottom: 0px; }
        img{ height: auto;max-width: 100%; }
		.hide{ display: none; }
		.hideScrollbar{ overflow: hidden!important; }
		figure{ margin: 0px; }
        .navigation.pagination{ display: table;margin: 30px auto 0px;font-size: 22px; }
		.navigation.pagination>h2{ display: none; }
		.navigation.pagination .page-numbers{ 
			color: #fff;
			text-decoration: none;
			padding: 0px 7px;
			cursor: pointer;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.navigation.pagination .page-numbers:hover{opacity: .5; }
		.navigation.pagination .page-numbers.current{ cursor: default;background: #91BA28;pointer-events: none; }
		.navigation.pagination .page-numbers.dots{ color: #ccc;cursor: default;pointer-events: none; }
		.navigation.pagination .page-numbers.prev, .navigation.pagination .page-numbers.next{ background: #58585a; }
		.navigation.pagination a{ background: #a7a7a7; }
		.navigation.post-navigation,.navigation.posts-navigation{ position: relative;width: 100%; height: 40px;}
		.navigation.post-navigation h2,.navigation.posts-navigation h2{ display: none; }
		.navigation.post-navigation a,.navigation.posts-navigation a{ color: #fff;text-decoration: none; }
		.navigation.post-navigation .nav-next:hover,.navigation.post-navigation .nav-previous:hover{ opacity: .5; }
		.navigation.post-navigation .nav-next,.navigation.post-navigation .nav-previous,
		.navigation.posts-navigation .nav-next,.navigation.posts-navigation .nav-previous{
			position: absolute;
		    top: 0px;
		    background: #58585a;
		    padding: 5px 15px;
		    font-size: 16px;
		    display: table-cell;
		    vertical-align: middle;
		    text-align: center;
		    cursor: pointer;
		    -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		.navigation.post-navigation .nav-previous,.navigation.posts-navigation .nav-previous{ left: 0px; }
		.navigation.post-navigation .nav-next,.navigation.posts-navigation .nav-next{ right: 0px; }
		
		/* COLOR */
		.pri-bg,.pri-bg:before,.pri-bg:after{ background-color: #211c1e; }
		.sec-bg,.sec-bg:before,.sec-bg:after{ background-color: #e4a136; }
		.blk-bg,.blk-bg:before,.blk-bg:after{ background-color: #000; }
		.wht-bg,.wht-bg:before,.wht-bg:after{ background-color: #fff; }
		.pri-clr,.pri-clr:before,.pri-clr:after{ color: #91BA28; }
		.sec-clr,.sec-clr:before,.sec-clr:after{ color: #e4a136; }
		.blk-clr,.blk-clr:before,.blk-clr:after{ color: #000; }
		.wht-clr,.wht-clr:before,.wht-clr:after{ color: #fff; }
		
		.pri-bg-,.pri-bg-:before,.pri-bg-:after{ background-color: #211c1e!important; }
		.sec-bg-,.sec-bg-:before,.sec-bg-:after{ background-color: #e4a136!important; }
		.blk-bg-,.blk-bg-:before,.blk-bg-:after{ background-color: #000!important; }
		.wht-bg-,.wht-bg-:before,.wht-bg-:after{ background-color: #fff!important; }
		.pri-clr-,.pri-clr-:before,.pri-clr-:after{ color: #211c1e!important; }
		.sec-clr-,.sec-clr-:before,.sec-clr-:after{ color: #e4a136!important; }
		.blk-clr-,.blk-clr-:before,.blk-clr-:after{ color: #000!important; }
		.wht-clr-,.wht-clr-:before,.wht-clr-:after{ color: #fff!important; }
		
		/* LAYOUT */
		.pageWrap{ position: relative;display: table;width: 100%; }
		.container{ width: 100%;max-width:1024px;margin: auto;position: relative; }
        .paddingT50px{ padding-top: 50px!important; }
        .paddingB50px{ padding-bottom: 50px!important; }
		.marginT50px{ margin-top: 50px!important; }
        .marginB50px{ margin-bottom: 50px!important; }
		.floatLft{ float: left; }
		.floatRgt{ float: right; }
		.clear{ clear: both; }
		.clumnWrap{ display: table;width: 102%;margin-left: -1%; }
		.clumn2ea{
			width: -moz-calc(96%/2);
			width: -webkit-calc(96%/2);
			width: -o-calc(96%/2);
			width: calc(96%/2);
			padding: 0px 1%;
		}
		.clumn3ea{
			width: -moz-calc(94%/3);
			width: -webkit-calc(94%/3);
			width: -o-calc(94%/3);
			width: calc(94%/3);
			padding: 0px 1%;
		}
		.clumn4ea{
			width: -moz-calc(92%/4);
			width: -webkit-calc(92%/4);
			width: -o-calc(92%/4);
			width: calc(92%/4);
			padding: 0px 1%;
		}
	@-moz-document url-prefix() { 
		.clumn2ea,
		.clumn3ea,
		.clumn4ea{ margin-right: -7px; }
		.clumn2ea:last-child,
		.clumn3ea:last-child,
		.clumn4ea:last-child{ margin-right: 0px; }
	}
		.line2Wrap{ width: 300px;margin: auto; }
		hr.line1{ 
			border-color: #F36528;
			border-style: solid;
			border-width: 1px;
			margin: 20px auto;
			width: 200px;
		}
		hr.line2{ border-color: #58585a;border-style: solid;border-width: 1px;position: relative; }
		hr.line2:before{ width: 20px;height: 20px;background: #ffffff; }
		hr.line2:after{ width: 8px;height: 8px;background: #58585a; }
		hr.line2:before, hr.line2:after{
			content: '';
		    position: absolute;
		    right: 0px;
		    left: 0px;
		    top: 0px;
		    bottom: 0px;
		    margin: auto;
		    -webkit-transform: rotate(45deg);
		    -moz-transition: rotate(45deg);
		    -o-transition: rotate(45deg);
		    transform: rotate(45deg);
		}
        hr.lineShortWht{
            border: none;
            border-bottom: 3px solid #ffffff;
            width: 50px;
            margin-top: 10px;
        }
        hr.lineShortGrn{
            border: none;
            border-bottom: 3px solid #91BA28;
            width: 50px;
            margin-top: 10px;
        }
		
		/* TXT */
        .topicX6{ font-size: 200px; }
		h1,h2,h3,h4,h5,h6{ margin: 10px 0px;line-height: .7em; }
		h1{ font-size: 4em;}
		h2{ font-size: 3.5em; }
		h3{ font-size: 3em; }
		h4{ font-size: 2.5em; }
		h5{ font-size: 2em; }
		h6{ font-size: 1.5em; }
		.alignCenter{ text-align: center; }
		.alignleft { float: left;margin: 0.5em 0.5em 0.5em 0;display: inline; }
		.alignright { display: inline;float: right;margin-left: 1.5em; }
		.aligncenter { clear: both;display: block;margin-left: auto;margin-right: auto; }
		
		/* BUTTON & TITLE */
        input,textarea{ border-radius: 0px;box-shadow: none;font-family: 'Prompt';font-size: 14px; }
        a{ text-decoration: none; }
		.btn{ 
			cursor: pointer;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease; 
		}
		.btn:hover{ opacity: .5; }
		.btnMore{ width: 150px;min-width: 150px; }
		.btnMore h6{ display: table;margin: auto; }
		.btnMore span, .btnMore i{ display: table-cell;vertical-align: middle; }
        .btnECq{ 
            overflow: hidden;
            position: relative; 
            -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
            z-index: 1;
        }
    @-moz-document url-prefix() { 
		.btnECq{ width: -moz-fit-content;display: block!important; }
	}
        .btnECq a{
            -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
        }
        .btnECq:before{
            content: '';
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            bottom: 100%;
            left: 0;
            z-index: -1;
            -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
        }
        .btnECq:hover:before{ bottom: 0px; }
        .btnECq1:before{ background: #000; }
        .btnECq1:hover a,
        .btnECq1:hover{ color: #fff!important; }
        .btnECq2:before{ background: #fff; }
        .btnECq2:hover a,
        .btnECq2:hover{ color: #91BA28!important; }
        .btnECq3:before{ background: #fff; }
        .btnECq3:hover a,
        .btnECq3:hover{ color: #000!important; }
        .btnG{ border: 2px solid #91BA28; }
        .btnG:after{ 
            content: '';
            background: #91BA28;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: -2;
        }
        .holderAll{ text-align: center;margin-top: 20px; }
        .holderAll a{
            color: #fff;
            text-decoration: none;
            padding: 0px 7px;
            cursor: pointer;
            background: #a7a7a7;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            font-size: 22px;
            margin: 0px 2px;
        }
        .holderAll .jp-previous{ background: #58585a; }
        .holderAll .jp-current{ background: #91BA28; }
        .holderAll .jp-next{ background: #58585a; }
        .holderAll .jp-disabled{ cursor: default; }
		
	/* ////////////////////////////////////// */
	/* HEADER */
	/* ////////////////////////////////////// */
	
	/* ////////////////////////////////////// */
	/* SLIDEIMG */
	/* ////////////////////////////////////// */
	
	/* ////////////////////////////////////// */
	/* ARTICLE + ASIDE */
	/* ////////////////////////////////////// */
		
        #audio-container{
            position: fixed;
            border-top: 1px solid #231d20;
            box-shadow: 0px 0px 10px -3px #000;
            width: 100%;
            top: 0;
            left: 0;
            background: #fff;
            z-index: 10;
        }
        #ecqRequestBtn{
            width: calc(100% - 10px);
            display: table;
            margin: auto;
            letter-spacing: 5px;
            cursor: pointer;
            text-align: center;
            font-size: 10px;
            background: #fff;
            vertical-align: middle;
            z-index: 1;
            margin-top: 6px;
            padding: 7px 0px;
            color: #221c1f;
            pointer-events: auto;
        }
        #ecqRequest{
            background: #e4a136;
            color: #211c1e;
            letter-spacing: 2px;
            font-size: 10px;
            width: calc(100% - 30px);
            margin: 5px auto 0px;
            padding: 10px;
            pointer-events: auto;
        }
        #request .input{
            font-size: 10px;
            margin: 0px;
            padding: 5px;
            width: calc(100% - 16px);
            border: 1px solid #221c1f;
            pointer-events: auto;
        }
        #request .submit{
            letter-spacing: 5px;
            cursor: pointer;
            text-align: center;
            font-size: 10px;
            color: #e4a136;
            vertical-align: middle;
            z-index: 1;
            margin-top: 6px;
            padding: 7px 10px;
            background: #221c1f;
            border: none;
            pointer-events: auto;
        }
        .bar{
            background: url(../js/skin/bar.png)center center no-repeat;
            width: 55px;
            position: fixed;
            right: 0px;
            height: 52px;
            top: 31px;
            z-index: 10;
        }
        .notice{
            width: calc(100% - 12px);
            display: table;
            margin: 10px auto;
        }
        .particles-js-canvas-el{ 
            position: fixed; 
            top: 0px;
            left: 0px;
            z-index: 0;
        }
        .bx{
            width: 310px;
            display: table;
            margin: 20px auto 20px;
            border: 2px solid rgb(228, 161, 54);
            background:rgba(33,28,30,.8);
            position:relative;
            z-index:1;
            padding-bottom: 5px;
            pointer-events: none;
        }
        .bx-long{
            width: calc(100% - 40px);
            display: table;
            margin: 20px auto 20px;
            border: 2px solid rgb(228, 161, 54);
            background:rgba(33,28,30,.8);
            position:relative;
            z-index:1;
            padding-bottom: 5px;
/*            pointer-events: none;*/
        }
        #listECq ul li:last-child{ border-bottom: none!important;padding-bottom: 0!important;}
        #listECq ul li span:first-child{ margin-left: 7px; }
        #pfdj{
            cursor: pointer;
            pointer-events: auto;
        }
        #pfdj:after{
            content: '\f06e';
            font-family: 'fontAwesome';
            position: absolute;
            font-size: 30px;
            width: 100%;
            height: 100%;
            line-height: 55px;
            color: #fff;
            background: rgba(255,255,255,.3);
            text-align: center;
            opacity: 0;
            -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
        }
        #pfdj:hover:after{
            content: '\f06e';
            font-family: 'fontAwesome';
            position: absolute;
            font-size: 30px;
            width: 100%;
            height: 100%;
            line-height: 55px;
            color: #fff;
            background: rgba(255,255,255,.3);
            text-align: center;
            opacity: .5;
        }
        #pfdjBig{
            display: none;
            width: 310px;
            height: 310px;
            overflow: hidden;
            position: absolute;
            z-index: 1;
            opacity: .95;
            cursor: pointer;
            pointer-events: all;
        }
        #pfdjBig:after {
            content: '\f06e';
            font-family: 'fontAwesome';
            color: #fff;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            top: 0px;
            left: 0px;
            font-size: 120px;
            line-height: 300px;
            background: rgba(255,255,255,.3);
            text-align: center;
            opacity: 0;
            -webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
        }
        #pfdjBig:hover:after {
            content: '\f06e';
            font-family: 'fontAwesome';
            color: #fff;
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            top: 0px;
            left: 0px;
            font-size: 120px;
            line-height: 300px;
            background: rgba(255,255,255,.3);
            text-align: center;
            opacity: .5;
        }
        #pfdjBig img{ display: table; }
        #panelURL{
            letter-spacing: 2px;
            display: table;
            width: calc(100% - 35px);
            margin: auto;
            padding: 10px;
            font-size: 10px;
            pointer-events: all;
            outline: none;
            background: #feffff;
            border: 2px solid #feffff;
        }
        #btnWrapp{
            width: 300px;
            height: 50px;
            background: #fff;
            display: table;
            margin: auto;
            position: relative;
        }
        #btnWrapp:before{
            content: '';
            background: url(https://loading.io/spinners/coolors/lg.palette-rotating-ring-loader.gif)center 0px no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            display: table;
            margin: auto;
            text-align: center;
            z-index: 0;
            letter-spacing: 1px;
            width: 100%;
            height: 50px;
            background-size: contain;
        }
        #btnDl{
            width: 300px;
            padding: 13px 0px;
            background: #e4a136;
            color: #fff;
            display: table;
            margin: auto;
            letter-spacing: 1px;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            z-index: 1;
            position: relative;
        }
        #clrWrapp{
            width: 300px;
            padding: 3px 0px;
            background: #fff;
            color: #211c1e;
            font-size: 10px;
            font-weight: bolder;
            display: table;
            margin: auto;
            letter-spacing: 1px;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            z-index: 1;
            position: relative;
            border-top: 5px solid #211c1e;
        }
        #memberz{
            margin: 5px;
            width: calc(100% - 10px);
            border-right: 1px solid #423f40;
            border-bottom: 1px solid #423f40;
        }
        #memberz>tbody>tr>td{
            border: 1px solid #423f40;
            border-right: none;
            padding: 2px;
            border-bottom: none;
        }
        #memberz>tbody>tr>td>table{
            margin: -2px;
            width: calc(100% + 4px);
            border: none;
        }
        #memberz>tbody>tr>td>table>tbody>tr>td{
            border: 1px solid #423f40;
            border-right: none;
            padding: 2px;
            border-bottom: none;
        }
        #memberz>tbody>tr>td>table>tbody>tr:first-child>td{
            border: none;
            border-bottom: 1px solid #423f40;
        }
        #memberz>tbody>tr>td>table>tbody>tr:last-child>td{
            border: none;
            border-right: 1px solid #423f40;
        }
        i.on{
            color: #2ad200;
        }
        i.off{
            color: red;
        }
        #btnVote{ 
            color: #fff;
            cursor: pointer;
            pointer-events: auto;
            display: table;
            position: absolute;
            right: 0;
            top: 0;
            width: 125px;
            height: 125px;
        }
        #btnVote .bd{ 
            border-radius: 100%;
            border: 4px dotted #fff;
            width: 77px;
            height: 77px;
            margin: 20px;
            -webkit-animation: rotate360T 15s infinite;
        }
        #btnVote i{
            font-size: 30px;
            top: calc(50% - 15px);
            color: #a90909;
            right: calc(50% - 15px);
            position: absolute;
            -webkit-animation: scale1d5 .2s infinite alternate;
        }
        #btnVoteW{ 
            color: #fff;
            display: table;
            position: absolute;
            right: 0;
            top: 0;
            width: 125px;
            height: 125px;
        }
        #btnVoteW .bd{ 
            border-radius: 100%;
            border: 4px dotted #fff;
            width: 77px;
            height: 77px;
            margin: 20px;
            -webkit-animation: rotate360T 15s infinite;
        }
        #btnVoteW i{
            font-size: 30px;
            top: calc(50% - 17px);
            color: #fff;
            right: calc(50% - 13px);
            position: absolute;
            -webkit-animation: scale1d5 .2s infinite alternate;
        }
        #btnVoteDSB{ 
            color: #fff;
            display: table;
            position: absolute;
            right: 0;
            top: 0;
            width: 125px;
            height: 125px;
            pointer-events: all;
            cursor: pointer;
        }
        #btnVoteDSB .bd{ 
            border-radius: 100%;
            border: 4px dotted #fff;
            width: 77px;
            height: 77px;
            margin: 20px;
        }
        #btnVoteDSB:hover>.bd{ -webkit-animation: rotate360T 15s infinite; }
        #btnVoteDSB:hover>.fa-check{ -webkit-animation: scale1d5 .2s infinite alternate; }
        #btnVoteDSB:hover>.fa-check:before{ content: "\f161";color: #e5a136; }
        #btnVoteDSB i{
            font-size: 30px;
            top: calc(50% - 15px);
            color: #fff;
            right: calc(50% - 15px);
            position: absolute;
        }
        #scoreWrap{
            width: 314px;
            display: none;
            position: relative;
            pointer-events: none;
            z-index: 1;
            margin: 0px auto;
            background: #fff;
            padding-bottom: 20px;
        }
        .scoreTitle{
            display: table;
            padding: 10px 0px;
            margin: auto;
            color: #211c1e;
        }
        #scoreListWrap .scoreListWrap:last-child{ border-bottom: none; }
        .scoreListAll{ 
            display: table;
            width: calc(100% - 10px);
            padding: 5px;
            border-bottom: 1px solid #fff;
            background: #e8e8e8;
            letter-spacing: 1px;
            font-size: 12px;
        }
        .scoreListAll>div{ display: table-cell;vertical-align: middle; }
        .scoreListAll>div:first-child img{ width: 30px;display: table;margin-top: -5px; }
        .scoreListAll>div:nth-child(2){ width: 100%;padding-left: 5px; }
        .scoreListAll>div:nth-child(3){ color: #211c1e;text-align: right;white-space: pre; }
        .reqClose{ pointer-events: none!important;position: relative; }
        .reqClose:before{
            content: '';
            position: absolute;
            background: #de9b34;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
        }
        .reqClose:after{
            content: 'ระบบขอเพลงปิดอยู่';
            position: absolute;
            background: #de9b34;
            width: 100%;
            height: 15px;
            left: 0px;
            top: 0px;
            text-align: center;
/*            display: table;*/
            margin: auto;
            bottom: 0px;
            right: 0px;
        }
        #pfdj{
            width: 55px;
            margin: 4px 5px 0px 9px;
            height: 55px;
            position: relative;
            overflow: hidden;
        }
        #pfdj img{
            height: 100%;
            width: auto;
            position: absolute;
            left: -9999px;
            right: -9999px;
            top: -9999px;
            bottom: -9999px;
            display: table;
            margin: auto;
        }
	
	/* ////////////////////////////////////// */
	/* FOOTER */
	/* ////////////////////////////////////// */
}