@charset "UTF-8";

input[type=text]{
	width:100%;  padding:5px;
}
input[type=button]{
	padding:10px;
	background:#fff;
	border:#bfbfbf 1px solid;
	cursor:pointer;
}
input[type=button]:hover{
	background:#bfbfbf;
	color:#fff;
}

.awrad_wrap h2{
	background:url('./../images/h2_dot.jpg') no-repeat left 18px !important;
	color:#222 !important;
	font-size:30px !important;
}

#wrap h2 {

	display: inline-block;
	font-size: 1.3em;
	padding-left: 15px;
}

#wrap h3 {
    background: url("/Web-home/content/skin/skin2/images/h3.gif") no-repeat 0 center !important;
	padding-left: 10px;
	margin-left: 5px;
	font-size: 1.3em;
	overflow:hidden;
}


#wrap .searchWrap{
	display: inline-block;
	margin-bottom: 20px;
}

/* basic table */
.tb_normal { width:100%; margin-top:20px; font-size: 1.1em;}
.tb_normal th { background:#f7f8ff; border:#b8bad8 1px solid; border-width: 2px 0 1px 1px; padding:10px; font-weight:600; color:#000; }
.tb_normal td { border:#bfbfbf 1px solid; border-width: 1px 0 1px 1px; padding:10px; text-align:center; color:#000; }
.tb_normal td.left { text-align:left; }
table.tb_normal th:first-child,
table.tb_normal td:first-child{border-left: 0}



/* tab menu */
.tabWrap { position:relative; margin:0.7% 0.7% 5% 0.7%; }
.tabWrap ul { width:100%; }
.tabWrap ul:after { content:""; display:block; clear:both; }
.tabWrap li { float:left; width:130px; border:#bfbfbf 1px solid; margin:0 -1px -1px 0; }
.tabWrap li a {
	font-size:1.2em; display:table-cell;
	color:#333;
	height:40px;
	vertical-align:middle;
	text-align:center;
	width: inherit;
}

.tabWrap li:hover, .tabWrap li.selected {
	background:#bfbfbf;
	color:#fff;
}
.tabWrap li:hover a, .tabWrap li.selected a {
	color:#fff;
}

.awrad_wrap{
	font-size:16px;
}

.awrad_wrap h5,
.awrad_wrap strong{
	font-size:16px;
	font-weight:600;
}
.awrad_wrap dl.awrad_list{
	overflow:hidden;
	display:flex;
	height:170px;
	margin-bottom:20px;
}

.awrad_wrap dt,
.awrad_wrap dd{
	padding:35px 30px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	max-height:170px;
	font-weight:bold;
}
.awrad_wrap .awrad_dl dl.awrad_list dt{
	background-color:#00a79d;
	font-size: 20px;
	color:#fff;
	width:15%;
	justify-content:center;
}
.awrad_wrap .awrad_dl dl.awrad_list:nth-child(2) dt{
	background-color:#3398b6;
}
.awrad_wrap .awrad_dl dl.awrad_list:nth-child(3) dt{
	background-color:#0055a2;
}
.awrad_wrap dd{
	width:85%;
	word-break: keep-all;
	background-color:#f8f9fc;
}

.product_list li{
	margin-bottom:10px;
	border:1px solid #c9c9c9;
	padding-left:50px;
	position:relative;
	height:170px;
	display:flex;
	align-items:center;
}
.product_list li:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:100%;
	background-color:#f8f9fc;
}
.product_list li:after{
	content:'';
	position:absolute;
	top:28%;
	left:0;
    width: 0px;
    height: 0px;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
	border-left: 30px solid #6179cf;
}

.product_list li:nth-child(1):after{
	    border-left: 30px solid #6179cf;
}
.product_list li:nth-child(2):after{
	    border-left: 30px solid #0055a2;
}
.product_list li:nth-child(3):after{
	    border-left: 30px solid #00a79d;
}
.product_list li:nth-child(4):after{
	    border-left: 30px solid #3398b6;
}
.product_list li:nth-child(5):after{
	    border-left: 30px solid #6179ce;
}
.product_list li:nth-child(6):after{
	    border-left: 30px solid #0055a2;
}
.product_list li:nth-child(7):after{
	    border-left: 30px solid #00a79d;
}
.product_list li:nth-child(8):after{
	    border-left: 30px solid #3398b6;
}
.product_list li:nth-child(9):after{
	    border-left: 30px solid #6179cf;
}
.product_list li:nth-child(10):after{
	    border-left: 30px solid #0055a2;
}
.product_list li:nth-child(11):after{
	    border-left: 30px solid #00a79d;
}
@media all and (max-width:900px){
	.product_list li{
		height:auto;
	}
	.awrad_wrap dl.awrad_list{
		height:auto;
	}
	.awrad_wrap dt, 
	.awrad_wrap dd{
		max-height:unset;
	}
}