/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 200px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  width: 1000px;
  margin: 0 auto;
padding-top: 0px
;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/4);
  height: 50px;
  border-bottom: 1px solid #9b9c9c;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
border-top: 1px solid #ffffff;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#c1:checked ~ #c1_content,
#c2:checked ~ #c2_content,
#c3:checked ~ #c3_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #0b84d4;
  color: #fff;
}

h4{
	font-size: 16px;
	color:#007bc2;
	margin-bottom:0.3em;
	line-height:22px;
	font-weight:bold;
}

.tab_content_description ul {
    margin-bottom: 24px;
    margin-left: 30px;
}
.tab_content_description ul li {
    list-style:url(/assets/support/showroom/en-sg/images/dots.png);
	line-height:30px;
	color:#4A4C50;
}

.selectBox {
	/*position:fixed;
	top:120px;
	right:0;	
	z-index:120;*/
	width: 98%;
	padding: 15px 10px;
	background: #007bc2;
	border-radius: 3px;
	font-size: 15px;
	color: #fff;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.selectBox #country {	
	padding:3px;
	width:200px;
}
.selectBox h2 {
	font-size: 21px;
	color: #fff;
	margin-top: 0;
	line-height: 26px;
}
.selectBox select { font-size: 15px; margin-right: 10px; padding: 3px;}