* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*body {
  background-color: #26547C;
}*/

.container {
  /*width: 100vw;*/
  /*height: 100vh;*/
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: center;*/
}
.container .searchbox {
  position: relative;
  display: block;
  width: 100%;
  max-width: 53px;
  transition: 0.4s linear;
  overflow: hidden;
}
.container .searchbox .searchbox__input {
  /*display: block;*/
  appearance: none;
  width: 100%;
  border: none;
  outline: none;
  border-radius: 50px;
  background-color: #24233A;
  padding: 15px;
  color: #24233A;
  font-size: 20px;
  cursor: pointer;
  transition: 0.4s linear;
}
.container .searchbox .searchbox__input::placeholder {
  color: #24233A;
}
.container .searchbox .searchbox__icon {
  position: absolute;
  right: calc(53px / 2);
  top: 50%;
  transform: translate(50%, -50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.container .searchbox .searchbox__icon path {
  fill: #00F494;
  transition: 0.4s linear;
}
.container .searchbox:focus-within {
  max-width: 300px;
}
.container .searchbox:focus-within .searchbox__input {
  background-color: #FFF;
  padding-right: 50px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.container .searchbox:focus-within .searchbox__icon path {
  fill: #24233A;
}

.search_no_data {
    text-align: center;
    font-size: 50px;
    margin: 30px 0 50px 0;
    font-weight: bold;
}

#searchHsi2Codes .form .form-row1 > div.col-sm-2 { min-width: 103px; }
#searchHsi2Codes .form .form-row1 > div.col-sm-10 { max-width: calc(100% - 103px); }
#searchHsi2Codes .form .form-row2.small-or { height: 20px; margin-top: 5px; margin-bottom: 5px; }
#searchHsi2Codes .form .form-row3 > div.col-sm-2 { min-width: 110px; }
#searchHsi2Codes .form .form-row3 > div.col-sm-10 { max-width: calc(100% - 110px); }

button#search {
    margin-bottom: 50px;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

button#search.hs_inner_search {
    margin-bottom: 0;
	width: 93px;
}

.subject_btn {
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    /* background-color: transparent; */
    background-color: white;
    /* border-color: #ccc; */
    /* border-color: #028383; */
    /* color: #028383; */
    border-color: #007D7D;
    color: #007D7D;
}

/*loading start*/
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: 50px auto 100px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*loading end*/

.page_num_ul {
    text-align: center;
    list-style: none;
    margin: 15px;
}

.page_num_li {
    border: 1px solid #EBEBEB;
    padding: 8px 10px;
    margin: 0 5px;
    cursor: pointer;
}

/*Pagination start*/
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.tcdPageCode{padding: 15px 20px;text-align: left;color: #ccc;text-align:center;}
.tcdPageCode a {
    display: inline-block;
    color: #000;
    display: inline-block;
    height: 36px;
    line-height: 25px;
    padding: 5px 10px;
    border: 1px solid #EAECEB;
    margin: 0 5px;
    vertical-align: middle;
}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}

.tcdPageCode span.current {
    display: inline-block;
    height: 36px;
    line-height: 25px;
    padding: 5px 10px;
    margin: 0 5px;
    color: #000;
    background-color: #EAECEB;
    border: 1px solid #EAECEB;
    vertical-align: middle;
}

.tcdPageCode span.disabled {
    display: inline-block;
    height: 36px;
    line-height: 25px;
    padding: 5px 10px;
    margin: 0 2px;
    color: #000;
    background: #f2f2f2;
    border: 1px solid #EAECEB;
    vertical-align: middle;
}

.tcdPageCode a:not([href]):not([tabindex]) {
    color: #000;
    text-decoration: none;
}

a.prevPage {
    float: left;
}

a.nextPage {
    float: right;
}

.disabled1 {
    float: left;
}

.disabled2 {
    float: right;
}

/*Pagination end*/

.clear-btn {
    margin-left: 15px;
}

.width100 {
    width: 100%;
}

.warning-tip {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 8px 20px;
    margin: 0px 0 10px 0;
    border-radius: 8px;
}

.search-title-tip {
    color: #FFFFFF;
    /* background-color: #0099FF; */
    background-color: #0072F0;
    border-color: #0066FF;
    padding: 8px 20px;
    margin: 0px 0 10px 0;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
}

ul.list-group.list-group-flush {
    list-style: none;
}

.search-tip-text {
    margin-bottom: 12px;
}

.search-tip-text p {
	margin-bottom: 0;
}

.contact-us-tip {
    margin-left: 50px;
}

.contact-us-tip-li {
	margin-left: 20px;
}

.tree_menu_hsic2_codes_li {
	margin-left: 20px;
}

.link-text-li {
	margin-left: 20px;
}

.search-code {
    margin-top: -20px;
}

.searchEResultTip {
    margin-bottom: 15px;
}

.searchEResultTipNoData {
    margin-bottom: 15px;
}

.search-content-block {
    margin-top: 30px;
    margin-bottom: 50px;
}

.recommend_content {
	background: white;
	/* background: #F4F4F4; */
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 40px;
	display: none;
}

.recommend_title_div, .post_box1_text {
    /* padding: 10px 15px 5px 15px; */
    padding: 10px 15px 5px 0px;
    font-size: 22px;
    font-weight: bold;
    color: #4AB0B4;
}

.recommend_label_div {
	padding: 7px 10px 3px;
    font-weight: bold;
    background: #f89822;
    float: left;
    margin-right: 10px;	
}

.recommend_ahref_div {
	padding: 7px 10px 3px;
    float: left;
    margin-right: 10px;	
}

.recommend_ahref_a {
	text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

/* Phone（Less than 767px） */
@media (max-width: 768px) { 
	.recommend_ahref_div {
		padding: 7px 0px 10px;
		width: 100%;
	}
	
	.recommend_title_div, .post_box1_text {
		font-size: 20px;
	}
	
	.recommend_label_div, .recommend_ahref_div, .post_box1_label2, .post_box1_text2 {
		font-size: 14px;
	}
}

.recommend_div {
	margin-bottom: 50px;
}

.search_select_sort_box {
	width: 100%;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.site_search_button {
    /* background-color: #FF753A; */
    background-color: #D74100;
    height: 48px;
    text-align: center;
    color: white;
    margin-top: 19.5px;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}

#search_page_btn button, #clear_page_btn button {
    width: 100%;
    border: 0px solid #000;
}

.site_search_apply_button {
    /* background-color: #FF753A; */
    background-color: #D74100;
    height: 40px;
    text-align: center;
    color: white;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}

.site_search_apply_button_disable {
    /* background-color: #FF753A; */
    background-color: #6C767F;
    height: 40px;
    text-align: center;
    color: white;
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search_apply_button_inner {
	margin-bottom: 0;
}

.site_search_by_button {
    /* background-color: #FF753A; */
    background-color: #ffffff;
    /* height: 40px; */
    /* max-width: 200px; */
	border-radius: 25px;
    text-align: center;
    /* color: white; */
    /* color: #FF753A; */
    color: #D74100;
    
	/* border-color: #FF753A; */
    margin-top: 19.5px;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 7px;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	border: 1px solid #D74100;
	/* border: 1px solid #FF753A; */
	/* border: 1px solid #8E8E8E; */
	padding: 7px 25px;
}

.site_search_by_div {
    text-align: center;
    margin-top: 19.5px;
	padding-top: 10px;
    align-items: center;
    justify-content: center;
}

.site_search_by_dark_button {
	/* border: 1px solid #8E8E8E; */
	/* color: #8E8E8E; */
    
    border: 1px solid #757575;
	color: #757575;
    
}

.search_sort_by {
	display: flex;
}

#search_sort_by_date_btn {
    display: none;
}

#search_sort_by_relevance_btn {
    display: none;
}

#search_sort_by_div {
    display: none;
}

.search_submenu {
	background: #fff;
    border: 1px solid #EBEBEB;
    position: absolute;
    top: 38px;
    width: 90%;
    border-radius: 5px;
	display: none;
	z-index: 99;
}

.search_submenu_bottom {
	background: #fff;
    border: 1px solid #EBEBEB;
    position: absolute;
    width: 90%;
    border-radius: 5px;
	display: none;
	z-index: 99;
}

.menuitem:hover .search_submenu {
	display: block;
}

.menuitem:hover .search_submenu_bottom {
	display: block;
}

p.select-center {
	margin-bottom: 0rem;
	padding-bottom: 1rem;
}

.site_clear_button {
    /* background-color: #a9afb7; */
    background-color: #6C767F;
    height: 48px;
    text-align: center;
    color: white;
    margin-top: 19.5px;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}

.site_search_text_item {
	padding: 0 10px;
    min-width: 50%;
}

.site_search_by_text_item {
    /* max-width: 200px; */
	margin-right: 15px;
}

.statistical_product_button_group_div {
	display: flex;
	align-items: flex-end;
}

.statistical_product_button_div {
	/* margin-right: 2rem; */
	text-align: center;
}

.ui-state-active, .ui-state-focus {
    background: #CCC;
}

.ui-widget {
	padding-left: 0;
}

.list-group-item {
	font-size: 16px;
	cursor: pointer;
}

.search_keyword {
	width: 100%;
	height: 48px; 
	padding-left: 10px;
}

.ui-menu-item {
	background: #fff;
}

.ui-autocomplete .ui-menu-item b {
    font-weight: bold;
    color: #cc4c02;
}

.search_subject_title {
	padding: 10px 3px;
    font-weight: bold;
    font-size: 20px;
	white-space: nowrap;
}

.search_subject_title_min {
	padding-top: 15px;
	white-space: nowrap;
}

.search_subject_div {
	width: 95%;
}

.subject_outer_div {
	display: flex;
}

.search_subject_item_sub_div {
	display: block;
    /* justify-content: space-between; */
    background-color: #E5F5F6;
    padding: 3px 20px 5px;
    border-top: 2px solid #EBEBEB;
}

@media (max-width: 768px) {
    #searchHsi2Codes .form .form-row1 > div.col-sm-2 { min-width: 100%; }
    #searchHsi2Codes .form .form-row3 > div.col-sm-2 { min-width: 100%; }
    #searchHsi2Codes .form .form-row3 { margin-top: 0px; }
    #searchHsi2Codes .form .form-row3 > div.col-sm-2 label { margin-top: 0px; }
}

#webgroup_box {
	display: none;
}

#web_content_highlight {
	display: none;
}

#web_content_highlight_hr {
	display: none;
}

.search_result_class {
    /* display: none; */
}

.post_box3 strong {
    font-weight: normal;
    color: red;
}

.post_box2 {
}

.post_box21 {
	display: flex;
}
.post_box22 {
	display: flex;
}

.post_box1_label2 {
    padding: 10px 15px;
}

.post_box1_text2 {
    padding: 10px 0;
}

.textRed {
    color: #CC0000;
}

.errorMsgPanel {
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: 1.15em;
}

#all_website_box {
	margin-bottom: 0.8rem;
}

.top_section.row.box_center table {
    /* min-width: 768px; */
}

#chapterList {
	overflow-y: auto;
}

/* PC（More than 768px） */
@media (min-width: 769px) {
	label.pc-or.lang.right.form-text2 {
		position: absolute;
		right: 25px;
		margin: 15px 0 0 0;
	}
}

/* Tooltip container */
.search_tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.search_tooltip .search_tooltiptext {
  visibility: hidden;
  max-width: 320px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.search_tooltip:hover .search_tooltiptext {
  visibility: visible;
}

.for_checkbox {
	text-align: left;
	/* display: inline; */
	display: contents;
}

/* .top_section.row { */
#search_result_subject {
	text-align: left;
}

.advance_search_text {
    width: 100%;
    margin-top: -10px;
}

p.select-left {
	margin-bottom: 0rem;
	padding-bottom: 1rem;
}

#search_result_drop_down_div {
	margin-top: 1rem;
}

.select-li-left {
    line-height: 30px;
    cursor: pointer;
	text-align: left;
}


/* PC（More than 768px） */
@media (min-width: 769px) {
	
	.filter_buttons_div {
		display: none;
	}

}

.search_code_tab_div {
	display: flex;
}

.search_code_tab_selected {
    background-color: #FFFFFF;
    display: flex;
    min-height: 35px;
    text-align: center;
    color: #d54000;
    margin-top: 2px;
    font-weight: 700;
    font-size: 13px;
    border-top: #d54000;
    border-top-style: solid;
	padding: 0.5rem;
}

.search_code_tab_unselected {
    background-color: #E9E9E9;
    display: flex;
    min-height: 35px;
    text-align: center;
    margin-top: 2px;
    font-weight: 700;
    font-size: 13px;
    border-top: #E9E9E9;
    border-top-style: solid;
	padding: 0.5rem;
	cursor:pointer;
}

/* PC（More than 768px） */
@media (min-width: 769px) {
	.search-small-or { margin-top: 0px; display: none; }
}

@media (max-width: 768px) { 
	.search-small-or {
		margin-top: 0px;
	}
	
	.form-group {
		margin-bottom: 0;
	}	
	
	.site_search_by_button {
		font-size: 0.8rem;
		margin-top: 15px;
		padding-top: 8px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.recommend_content {
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 30px;
		padding-left: 10px;
		margin-bottom: 10px;
	}
}

.search_select_dropdown_label {
	margin-bottom: 0;
}

#search_submit_btn {
	margin-top: 0.5rem;
}