/*Blockquote*/
.blockquote { position:relative; color:#454545; margin:0 auto; }
.blockquote:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
	overflow: hidden;
}
.blockquote.shadow:after { visibility:visible !important; overflow:visible !important; }
.blockquote [class^="quotation-"] { width:32px; height:32px; position:absolute; }
.blockquote .quotation-down { right:15px; bottom:15px; background:url(../images/icon/quotation-down.png) no-repeat left top; }
.blockquote .quotation-up { left:15px; top:15px; background:url(../images/icon/quotation-up.png) no-repeat left top; }
.blockquote .quotation-down { width:32px; height:32px; position:absolute; right:15px; bottom:15px; background:url(../images/icon/quotation-down.png) no-repeat left top; }
.blockquote .content { padding:30px 60px; margin-bottom:0; letter-spacing:0px; background: rgba(255,255,255,0.25); }
.blockquote .date { position:relative; top:10px; }
.blockquote .content_unstyled { padding:20px; }

.blockquote.borderL { border-left:2px solid #dddddd; padding-left:20px; }
.blockquote.borderL .content { padding:2px 0px; }
.blockquote.borderR { border-right:2px solid #dddddd; padding-right:20px; }
.blockquote.borderR .content { padding:2px 0px; text-align:right; }
.blockquote.borderT { padding-top:13px; border-top:2px solid #dddddd; }
.blockquote.borderT .content { padding:0px 8px; }
.blockquote.borderB { padding-bottom:13px; border-bottom:2px solid #dddddd; }
.blockquote.borderB .content { padding:0px 8px; }
.blockquote.hero .content {}

/* blockquote with img */
.img-medium-per .blockquote { width:64%; float:left; }
.img-medium-per .quotation-up { top:0; }
.img-medium-per .quotation-down { bottom:0; }
.img-medium-per .content { padding:15px 60px; }

.img-medium-per.bg .blockquote { width:60%; padding:2%; }
.img-medium-per.bg .quotation-up { top:15px; }
.img-medium-per.bg .quotation-down { bottom:15px; }
.img-medium-per.bg .content { padding:3px 45px; }

.img-tiny-per .blockquote { width:74%; float:left; }
.img-tiny-per .quotation-up { top:0; }
.img-tiny-per .quotation-down { bottom:0; }
.img-tiny-per .content { padding:15px 60px; }

.img-tiny-per.bg .blockquote { width:70%; padding:2%; }
.img-tiny-per.bg .quotation-up { top:15px; }
.img-tiny-per.bg .quotation-down { bottom:15px; }
.img-tiny-per.bg .content { padding:3px 45px; }

.img-big-per .blockquote { width:54%; float:left; }
.img-big-per .quotation-up { top:0; }
.img-big-per .quotation-down { bottom:0; }
.img-big-per .content { padding:15px 60px; }

.img-big-per.bg .blockquote { width:50%; padding:2%; }
.img-big-per.bg .quotation-up { top:15px; }
.img-big-per.bg .quotation-down { bottom:15px; }
.img-big-per.bg .content { padding:3px 45px; }



/*responsive*/
@media screen and (max-width : 979px) {
}

@media screen and (max-width : 800px) {
}

@media screen and (max-width : 768px) {
}

@media screen and (max-width : 640px) {
}

@media screen and (max-width : 600px) {
}

@media screen and (max-width : 540px) {	
	
}

@media screen and (max-width : 512px) {
}

@media screen and (max-width : 480px) {
}

@media screen and (max-width : 320px) {
}

@media screen and (max-width : 240px) {
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation:portrait)  {/*直*/
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation:landscape) {/*橫*/
}


/*
==============================================
   Chrome Hack
==============================================
*/
@media screen and (-webkit-min-device-pixel-ratio:0){  }  


/*
==============================================
   IE11 Hack
==============================================
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}