@charset "UTF-8";

.card{border: none;}
.card-body{padding-left: 0;padding-right: 0;}
.card-title{color: #2185E3;font-size: 22px;font-weight: bolder;padding: 0.75rem 0;}
.card-text{color: #7B7B7B;line-height: 24px}
.card-img,.card-img-top{border-radius: 0;}


/*****catalog css star******/
#catalog h2{color: #2185E3; font-size: 18px; font-weight: bolder;}
#catalog .table-responsive{max-width: 960px;margin: 0 auto;}
#catalog .table{text-align: center;}
#catalog .table tbody tr{background-color: #FFFFFF;}
#catalog .table tbody tr:nth-child(2),#catalog .table tbody tr:nth-child(3),#catalog .table tbody tr:nth-child(5),#catalog .table tbody tr:nth-child(7),#catalog .table tbody tr:nth-child(9){background-color: #F7F7F7;}
#catalog .table tr td {vertical-align: middle;border-bottom: 2px solid #0E4579 ;}
#catalog .table tr td.sub-border {border-bottom-width:1px ;}
#catalog .table thead{background-color: #2185E3;color: #FFFFFF;}
#catalog .icon-download{width: 40px;height: 40px;display: inline-block;cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3Cpath%20d%3D%22M20%2022L20%2010%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14%2016L19.5904%2022.8022C19.6416%2022.8644%2019.7045%2022.9142%2019.775%2022.9483C19.8456%2022.9824%2019.9221%2023%2019.9995%2023C20.0768%2023%2020.1533%2022.9824%2020.2239%2022.9483C20.2944%2022.9142%2020.3574%2022.8644%2020.4085%2022.8022L26%2016%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M11%2023V26C11%2027.6569%2012.3431%2029%2014%2029H26C27.6569%2029%2029%2027.6569%2029%2026V23%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
#catalog table tr .icon-download:hover{background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%232185E3%22%2F%3E%0A%3Cpath%20d%3D%22M20%2022L20%2010%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14%2016L19.5904%2022.8022C19.6416%2022.8644%2019.7045%2022.9142%2019.775%2022.9483C19.8456%2022.9824%2019.9221%2023%2019.9995%2023C20.0768%2023%2020.1533%2022.9824%2020.2239%2022.9483C20.2944%2022.9142%2020.3574%2022.8644%2020.4085%2022.8022L26%2016%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M11%2023V26C11%2027.6569%2012.3431%2029%2014%2029H26C27.6569%2029%2029%2027.6569%2029%2026V23%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A");}
.stickyImageScale_box {
    height: 180vh;
    position: relative;
}
#SImageScale_scrollbox {
    height: 165vh;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0%;
    will-change: transform;
    transform: scale(1);
}
#SImageScale_bg {
    height: 100%;
    background-image: url(../images/scroll_bg.jpg);
    background-position: 50% 100%;
    background-size: cover;
    background-attachment: scroll;
    position: relative;
    overflow: hidden;
}
#SImageScale_opacity {
    background-color: rgba(32, 32, 32, 0.3);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
#SImageScale_text {
    position: absolute;
    left: 50%;
	top: 55%;
    color: #FFFFFF;
    width: 90%;
	transform: translate(-50%,-50%);
}
/*****catalog css end******/

/*****contact css star******/
#contact iframe {width: 100%;height: 750px;}
#contact .card-text{color: #000000;}
.card-text a{text-decoration: none;color: #000000;}
.form-control,.form-select{background-color: #F7F7F7;} 
.form-select{padding-left: 1rem;}
#btn_send{display: block;text-align: center;background-color: #9FA0A0; color: #FFFFFF;padding: 0.75rem 0;font-size: 1.15rem;font-weight: bolder;margin: 0 1rem;cursor: pointer;}
.code {
	background: url("../images/bg_verify.jpg");
	font-family: Arial;
	font-style: italic;
	color: #584f34;
	font-size: 20px;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
	float: left;
	width: 150px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;}
.refresh {
	background-image: url(../images/refresh.svg);
	background-repeat: no-repeat;
	width: 53px;
	height: 34px;
	float: left;
	margin-left: 10px;
	background-size: 56%;
	background-position: center;
	cursor: pointer;}
#verify{padding-left: 12px;}
#verify > div.vsec-01{min-width: 140px; max-width: 210px;margin-right: 20px;padding-bottom: 20px;}
#verify > div.vsec-02{min-width: 218px;padding-bottom: 20px;}
#verify > label{line-height: 40px;margin-bottom: 0;}
/*****contact css end******/

@media (max-width:1400px) {
}
@media (max-width:1200px) {
}
@media (max-width:991px) {
	.stickyImageScale_box {height: 1200px;}
	#SImageScale_scrollbox {height: 100%;}
	#SImageScale_text {top: 50%;}
}
@media (max-width:650px) {

	.stickyImageScale_box {height: 172vw;}
}
@media (max-width:575px) {
}
@media (max-width:450px) {
	/* #verify > div{width: 100%;}
	#verify .vsec-02{} */
	#catalog .table tr td{font-size: 12px;}
	#catalog .table tr th {font-size: 12px; }
}
@media (max-width:400px) {
}
@media (max-width:375px) {
	#catalog .table tr td{font-size: 12px;}
}
@media (max-width:350px) {
}
@media (max-width:330px) {
	#catalog .table tr th {font-size: 10px; }
}