/*! HTML5 */

/*
 * White&Sea
 * Autor: DiNeX
 * Version: 1.0.0
 */

/* ==========================================================================
   Info: Media Queries
   ========================================================================== */

@media screen and (max-width: 1460px) {
	#contentab_fav {
		width: 750px;
	}
	#contentab_block {
		width: 750px;
	}
	#contentab_hr {
		width: 750px;
	}
	.contentab_hh {
		width: 750px;
	}
	#contentab_hrb {
		width: 750px;
	}
	.contentab_hhb {
		width: 750px;
	}
	#contentab_section_s {
		width: 750px;
	}
	#contentab_section {
		width: 750px;
	}
	#contentab_sections {
		width: 750px;
	}
	#read_section_c {
		width: 734px;
	}
	#read_section_ccs {
		width: 734px;
	}
	#read_section {
		width: 734px;
	}
	#wrap_contact {
		width: 75%;
	}
	.contact form .input input {
		width: 100%;
	}
	.contact form .input2 input {
		width: 100%;
	}
	.contact form .textarea textarea {
		width: 100%;
	}
	#pblock {
		margin: 0 auto;
		width: 280px;
	}
	#pblockw {
		margin-right: 0;
	}
	#recpt {
		transform:scale(0.66);
	}
	.contentab_block_textai {
		width: 96%;
	}
}
@media screen and (max-width: 1440px) {
	#topcon_fav {
		margin: 0 auto;
		width: 490px;
	}
	#menu_t > ul > a > li {
	    display: inline-block;
	    list-style: none;
	    line-height: 60px;
	    padding: 0 25px;
	    font-size: 20px;
	}
	#menu_auth > ul > a > li {
	    display: inline-block;
	    list-style: none;
	    line-height: 60px;
	    padding: 0 25px;
	    font-size: 20px;
	}
}
@media screen and (max-width: 1420px) {
	#contentm_fav {
		width: 580px;
	}
}
@media screen and (max-width: 1260px) {
	#menu_t > ul > a > li {
	    display: none;
	}
	#menu_auth > ul > a > li {
	    display: none;
	}
	.menu_i1 {
		display: inline-block;
	}
	.iauth {
		display: inline-block;
	}
	.container_search {
		display: none;
	}
	.header_logo {
		float: none;
		margin: 0 auto;
	}
	.container_search1 {
		float: left;
		width: 200px;
		vertical-align: middle;
		white-space: nowrap;
		display: inline-block;
	}
	.container_search1 input#search {
		width: 150px;
	}
}
@media screen and (max-width: 1250px) {
	.contentab_title {
		padding-left: 20px;
	}
	.contentab_titlea {
		padding-right: 20px;
	}
	#contentab_wrapper {
		margin: none;
		width: 100%;
	}
	#contentab_fav {
		width: 750px;
	}
	#contentab_block {
		width: 750px;
	}
}
@media screen and (max-width: 1020px) {
	#topcon_fav {
		margin: 0 auto;
		width: 340px;
	}
	#contentm_fav {
		width: 300px;
	}
}
@media screen and (max-width: 800px) {
	#topcon {
		height: 320px;
	}
	#topcon_fav {
		margin: 0 auto;
		width: 250px;
	}
	.sliderBox .sliderWrap .sliderContent li {
		display: inline-block;
		width: 9.5em;
		height: 12.7em;
		border: 1px dotted #bababa;
	}
	.contentab_title {
		font-size: 24px;
	}
	#contentab_fav {
		width: 100%;
	}
	#contentab_block {
		width: 100%;
	}
	#contentab_hr {
		width: 100%;
	}
	.contentab_hh {
		width: 100%;
	}
	#contentab_hrb {
		width: 100%;
	}
	.contentab_hhb {
		width: 100%;
	}
	#contentab_section_s {
		width: 100%;
	}
	#contentab_section {
		width: 100%;
	}
	#contentab_sections {
		width: 100%;
	}
	#read_section_c {
		width: 100%;
	}
	#read_section_ccs {
		width: 100%;
	}
	#read_section {
		width: 100%;
	}
}
@media screen and (max-width: 730px) {
	.contentab_block_textai {
		width: 86%;
	}
}
@media screen and (max-width: 600px) {
	#footer {
		height: 140px;
	}
	.contentab_block_textw {
		width: 100%;
		height: auto;
	}
	.contentab_block_texta {
		margin-top: 350px;
		margin-left: 0;
		float: left;
		width: 100%;
	}
	.contentab_block_texti {
		display: inline-block;
		overflow: hidden;
		position: absolute;
		left: calc(27% - 25px);
	}
	.contentab_block_textai {
		width: 95%;
	}
}
@media screen and (max-width: 485px) {
	#topcon {
		height: 290px;
	}
	#topcon_fav {
		margin: 0 auto;
		width: 230px;
	}
	.sliderBox .sliderWrap .sliderContent li {
		display: inline-block;
		width: 8.2em;
		height: 11em;
		border: 1px dotted #bababa;
	}
	#contentm_fav {
		width: 250px;
	}
	.contentm_block {
		width: 200px;
	}
	.contentm_block_img {
		float: left;
		height: 280px;
		width: 200px;
	}
	.contentm_block_img1 img {
		height: 280px;
		width: 200px;
	}
	.contentm_block_title {
		font-size: 16px;
		padding: 5px 10px 0 10px;
	}
	.contentm_block_nc {
		font-size: 16px;
		padding: 5px 10px 5px 10px;
	}
	.ft {
		width: 75%;
		padding: 50px 0 0 0;
	}
	#read_section {
		height: 70px;
	}
}
@media screen and (max-width: 400px) {
	#topcon {
		height: 280px;
	}
	.topcon_title {
		font-size: 25px;
	}
	#topcon_wrapper {
		width: 67%;
	}
	.contentm_title {
		font-size: 25px;
	}
	#contentm_wrapper {
		width: 67%;
	}
	#contentm_fav {
		width: 260px;
	}
}
@media screen and (max-width: 360px) {
	.contentab_block_texti {
		left: calc(22.5% - 25px);
	}
}
@media screen and (max-width: 340px) {
	.contentab_block_texti {
		left: calc(21% - 25px);
	}
	#contentm_fav {
		width: 280px;
	}
}