.pg_box { background: #00b5f1; overflow: hidden; }
.pg_hdr { background: url(../img/pg/pg_bg.jpg) no-repeat; background-size: cover; padding: 40px 20px; }
.pg_hdr img { box-shadow: 0 0 10px rgba(0, 0, 0, .6); }
.pg_des { padding: 0 0 30px; background: rgba(0, 181, 241, 1); background: -moz-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 181, 241, 1)), color-stop(100%, rgba(8, 143, 253, 1))); background: -webkit-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: -o-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: linear-gradient(to bottom, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); }
.pg_title { margin: 40px 0; text-align: center; }
.pg_title h4 { display: inline-block; font-weight: 400; background: #0c6da0; color: var(--white); box-shadow: -2px -2px 0 #074362; border-width: 0 2px 2px 0; border-style: solid; border-color: #6bcdf4; min-width: 360px; padding: 5px 10px 10px; border-radius: 10px; margin: 0; }
.question_samples { padding: 0 0 30px; background: rgba(0, 181, 241, 1); background: -moz-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(0, 181, 241, 1)), color-stop(100%, rgba(8, 143, 253, 1))); background: -webkit-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: -o-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); background: linear-gradient(to bottom, rgba(0, 181, 241, 1) 0, rgba(8, 143, 253, 1) 100%); }
.question_samples img { box-shadow: 0 0 10px rgba(0, 0, 0, .6); width: 100%; }
.pg_list_icon li:before { content: ''; background-image: url(../img/pg/pg_list_icon.png); background-repeat: no-repeat; background-size: 100%; width: 26px; height: 26px; position: absolute; top: 0; left: 0; }
.sorting_sec { width: 100%; float: left; background: url(../img/pg/sorting_bg.jpg) no-repeat; background-size: cover; }

@media (max-width:420px){
	.pg_title h4 { min-width: 100%; }
}