html {overflow-x:hidden;}
a.btn, input.btn {display:inline-block; background:#da1f3d; color:#fff; padding:6px 15px; border:none; cursor:pointer;}
a.btn2 ,input.btn2 {display:inline-block; background:#333; color:#fff; padding:6px 15px; border:none; cursor:pointer;}

.wrapper {width:1600px; margin:0 auto;}
.wrapper2 {width:1200px; margin:0 auto;}

/*haeder*/
header#header {width:100%; padding:50px 0; border-bottom:1px solid #dbdbdb; background:#fff; z-index:498;}
header#header>.wrapper {display:table;}
header#header h1,
header#header div.td {display:table-cell; vertical-align:middle; width:33.33%;}
header#header h1 img,
header#header div.td img {max-width:90%;}

@media (max-width:1000px) {
	header#header>.wrapper {display:block; overflow:hidden;}
	header#header h1, header#header div.td {float:left; display:inline-block; vertical-align:middle; width:33.33%;}
	header#header div.td {margin-top:15px;}
	header#header div.td:last-child {margin-top:8px;}

	/*header#header h1 img {max-width:500px;}*/
	header#header div.td img {max-width:180px;}
	/*header#header div.td:last-child img {max-width:250px;}*/
}

/*nav*/
nav#nav {width:100%; padding:25px 0; background:#fff; z-index:499;}
nav#nav .mb_menu {display:none;}
nav#nav .mb_menu_close {display:none;}
nav#nav:after {display:block; overflow:hidden; clear:both; content:'';}
nav#nav ul {}
nav#nav ul li {float:left; width:13%; /*width:14.28%;*/ text-align:center;}
nav#nav ul li:first-child {float:left; width:22%; text-align:center; font-size:17px; letter-spacing:-0.025em;}
nav#nav ul li a {position:relative; font-size:18px; color:#2d2d2d; font-weight:600; padding-bottom:4px;}
nav#nav ul li a:hover {color:#da1f3d; border-bottom:2px solid #da1f3d;}
nav#nav ul li a .notifications {position:absolute; top:-10px; right:-25px;}
nav#nav ul li.select a {color:#da1f3d; border-bottom:2px solid #da1f3d;}
nav#nav ul li.profile a {color:#e49100;}
nav#nav ul li.profile a:hover {border-bottom:2px solid #e49100;}
nav#nav ul li.profile.select a {border-bottom:2px solid #e49100;}

/*tabmenu*/
.tabmenu {margin-bottom:30px;}
.tabmenu ul {overflow:hidden;}
.tabmenu ul li {position:relative; float:left; width:33.33%; text-align:center;}
.tabmenu ul li:after {position:absolute; right:0; top:12px; width:1px; height:20px; background:#ababab; content:'';}
.tabmenu ul li:last-child:after {display:none;}
.tabmenu ul li a {display:block; padding:10px 0; background:#fff;}
.tabmenu ul li.select a {background:#da1f3d; color:#fff;}

/*layer_tabs*/
.layer_tabs {overflow:hidden; margin:30px auto 0;}
.layer_tabs li {position:relative; float:left; width:33.33%; text-align:center; cursor:pointer;}
.layer_tabs li:after {position:absolute; right:0; top:12px; width:1px; height:20px; background:#ababab; content:'';}
.layer_tabs li:last-child:after {display:none;}
.layer_tabs li a {display:block; padding:10px 0; background:#e8e8e8;}
.layer_tabs li.select a {background:#da1f3d; color:#fff;}

/*search*/
section .search_area {background:#eee; padding:/*70px 0*/40px 0 20px;}
section .search_area>div {width:40%;}
section .search_area:after {display:block; overflow:hidden; clear:both; content:'';}
section .search_area .select_wrap {float:left; /*width:185px;*/}
section .search_area .select_wrap select:first-child {width:/*70px*/160px;}
section .search_area .select_wrap select:last-child {width:/*98px*/155px;}

/*@-moz-document url-prefix(){
	section .search_area .select_wrap {width:180px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	section .search_area .select_wrap {width:178px;}
}*/

section .search_area .select_wrap select {float:left; margin-right:10px; background:#fff url('../../_images/main/select_arrow01.png') no-repeat 90% center; border:1px solid #acacac; padding:10px 15px 10px 10px; font-size:15px; color:#686868; height:50px; font-family:inherit;}
section .search_area .select_wrap select:last-child {margin-right:0;}
section .search_area .sub_select_wrap {/*float:left; width:calc(100% - 195px); margin-left:10px;*/width:100%;}

/*@-moz-document url-prefix(){
	section .search_area .sub_select_wrap {width:calc(100% - 190px);}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	section .search_area .sub_select_wrap {width:calc(100% - 188px);}
}*/

section .search_area .sub_select_wrap .input_wrap {/*overflow:hidden;*/float:left; width:/*calc(100% - 195px)*/calc(100% - 335px); margin-left:10px;}
section .search_area .sub_select_wrap .input_wrap input[type=text] {float:left; background:#fff; border:2px solid #da1f3d; padding:10px; font-size:15px; width:calc(100% - 130px); height:50px; margin-right:10px; font-family:inherit;}
section .search_area .sub_select_wrap .input_wrap input[type=text]::placeholder {color:#9b9b9b;}
section .search_area .sub_select_wrap .input_wrap input[type=submit] {float:left; background:#da1f3d; border:none; font-size:18px; color:#fff; font-weight:500; padding:10px; width:120px; height:50px; cursor:pointer; /*transition:background .5s;*/ font-family:inherit;}
section .search_area .sub_select_wrap .input_wrap input[type=submit]:hover {background:#b3112b;}
section .search_area .sub_select {margin-top:10px; overflow:hidden; width:100%; /*margin-left:196px;*/}

/*@-moz-document url-prefix(){
	section .search_area .sub_select {margin-left:191px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	section .search_area .sub_select {margin-left:189px;}
}*/

section .search_area .sub_select select {/*width:68px;*/float:left; width:25%; /*margin-right:10px;*/ background:transparent url('../../_images/main/select_arrow02.png') no-repeat 90% center; padding:10px /*15px*/30px 10px 10px; font-size:15px; color:#686868; font-weight:500; font-family:inherit; border:none;}
section .search_area .sub_select select:last-child {/*width:82px;*/ margin-right:0;}

/*@media (min-width:767px) {
	section .search_area .sub_select select {width:auto;}
}*/

@media (max-width:1450px) {
	section .search_area>div {width:85%;}
}

@media (max-width:1300px) {
	section .search_area {padding:10px 0 10px;}
}

@media (max-width:640px) {
	section .search_area>div {width:100%;}
	section .search_area .select_wrap {width:100%; margin:0;}
	section .search_area .select_wrap select {width:calc(50% - 5px) !important;}
	section .search_area .sub_select_wrap {width:100%; margin:10px 0 0;}
	section .search_area .sub_select_wrap .input_wrap {margin-left:0; width:100%; margin-top:10px;}
	section .search_area .sub_select {margin-left:0;}
	section .search_area .sub_select select {float:left; width:25% !important; margin:0;}
}

@media (max-width:410px) {
	section .search_area .sub_select_wrap .input_wrap input[type=text] {width:calc(100% - 90px);}
	section .search_area .sub_select_wrap .input_wrap input[type=submit] {width:80px;}
	section .search_area .sub_select select {font-size:11px;}
}

/*footer*/
footer#footer {background:#fff; padding:30px 0; text-align:center;}
footer#footer p {font-size:14px; color:#808080;}

footer#footer .top_btn {
	position: fixed;
	display: none;
	right: 40px;
	bottom: 10%;
	z-index: 499;
	cursor: pointer;
	background: #da1f3d;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
}


.col_red{color:#da1f3d;}
.col_blue{color:#21428b;}
.col_yel{color:#efa300;}

/*media query*/
@media (max-width:1600px) {
	.wrapper {width:100%; padding:0 15px;}
	section .banner .wrapper {padding:0;}
}

@media (max-width:1200px) {
	.wrapper2 {width:100%; padding:0 15px;}

	nav#nav .wrapper2 {padding:0;}
}

@media (max-width:900px) {
	nav#nav ul li a {font-size:15px;}
	nav#nav ul li a .notifications {top:-9px;}
}

@media (max-width:767px) {
	header#header {padding:10px 0 20px 0;}
	/*header#header h1 img {max-width:163px;}*/
	header#header h1 {}
	header#header h1  img {max-width:203px;}
	header#header div.td {display:none;}
	nav#nav {padding:0;}
	nav#nav .mb_menu {display:block; position:absolute; top:17px; right:15px; background:url('../../_images/common/menu_ico.png') no-repeat center center; text-indent:-99999px; cursor:pointer; width:27px; background-size:27px auto;}
	nav#nav .mb_menu_close {display:none; position:fixed; z-index:999; top:17px; right:-100%; margin-right:12px; background:url('../../_images/common/mobile_close_btn.png') no-repeat center center; text-indent:-99999px; cursor:pointer; width:26px; background-size:26px auto;}
	nav#nav ul {display:none; position:fixed; z-index:999; top:0; right:-100%; width:70%; height:100vh; background:#fff;}
	nav#nav .mb_bg {display:none; position:fixed; z-index:998; top:0; left:0; background:rgba(0,0,0,.8); width:100%; height:100%; content:'';}
	nav#nav ul li {width:100%; text-align:left; background:#fff; border-bottom:1px solid #dbdbdb;}
	nav#nav ul li:first-child {width:100%; text-align:left; background:#fff; border-bottom:1px solid #dbdbdb;}
	nav#nav ul li a {display:block; padding:15px;}
	nav#nav ul li a:hover {padding-bottom:13px;}
	nav#nav ul li.select a:hover {padding-bottom:15px;}
	nav#nav ul li a .notifications { float:right; top:10px; right:100px; /*left:120px;*/}
}