.st {
	position: relative
}
.st>.tab-content {
	position: relative;
	overflow: hidden
}


.st>.nav .nav-link {
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
	outline: 0!important
}
.st>.nav .nav-link:active, .st>.nav .nav-link:focus, .st>.nav .nav-link:hover {
	text-decoration: none;
	outline: 0!important
}
.st>.nav .nav-link::-moz-focus-inner {
border:0!important
}
.st>.nav .nav-link.disabled {
	color: #ccc!important;
	pointer-events: none;
	cursor: default
}
.st.st-vertical>.nav {
	float: left;
	width: 25%;
}
.st.st-vertical>.nav .nav-link {
	display: block;
	padding: 1.2em 1em;
	margin: 0;
	cursor: pointer;
	float: none;
	font-size: 16px;
	font-weight: bold;
	transition: 0.3s ease-in;
	color: #ffffff;
	position: relative;
	background: #fff;
	box-shadow: inset 0 0 0px 50px #3d60a7;
	border-radius: 3px;
}
.st.st-vertical>.tab-content {
	float: right;
	width: 72%;
}
.st.st-loading {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.st.st-loading::after {
	content: "";
	display: block;
	position: absolute;
	opacity: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,.7);
	z-index: 2;
	transition: all .2s ease
}
.st.st-loading::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 45%;
	left: 45%;
	width: 2rem;
	height: 2rem;
	border: 10px solid #f3f3f3;
	border-top: 10px solid #3498db;
	border-radius: 50%;
	z-index: 10;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite
}
@-webkit-keyframes spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
@keyframes spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.st-theme-default>.nav .nav-link::after {
	content: "";
	background: 0 0;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -1px;
	transition: all 250ms ease 0s;
}
.st-theme-default>.nav .nav-link.active {
	color: #ffffff;
	cursor: pointer;
	box-shadow: inset 0 0 0px 72px #0f084b;
}
.st-theme-default.st-vertical>.nav .nav-link::after {
	height: 100%;
	width: 6px;
	top: 0;
	left: auto;
	right: 0px;
	background: #172a48;
}
.product-page.model1 {
	background: #eafcff;
}
.product-page.model1 h2 {
	color: #0197af;
}
.st-theme-classic {
	border: 1px solid #eee
}
.st-theme-classic>.tab-content>.tab-pane {
	padding: 10px
}
.st-theme-classic>.nav .nav-link {
	position: relative;
	background: 0 0;
	border: transparent;
	height: 100%;
	min-height: 100%;
	color: #222!important;
	padding: 10px;
	background-color: #f9f9f9;
	background-image: linear-gradient(to bottom, #f9f9f9 0, #f6f6f6 47%, #ededed 100%)
}
.st-theme-classic>.nav .nav-link.active {
	color: #5bc0de!important;
	background-image: linear-gradient(to top, #fff 0, #f6f6f6 47%, #ededed 100%);
	cursor: pointer
}
.st-theme-classic.st-vertical>.nav .nav-link {
	background-image: linear-gradient(to right, #f9f9f9 0, #f6f6f6 47%, #ededed 100%)
}
.st-theme-classic.st-vertical>.nav .nav-link.active {
	background-image: linear-gradient(to left, #fff 0, #f6f6f6 47%, #ededed 100%)
}
.st-theme-dark {
	border: 1px solid #000;
	color: rgba(255,255,255,.95);
	background: #181c20
}
.st-theme-dark>.tab-content>.tab-pane {
	padding: 10px
}
.st-theme-dark>.nav {
	background: #0d0f12
}
.st-theme-dark>.nav .nav-link {
	position: relative;
	background: 0 0;
	border: transparent;
	height: 100%;
	min-height: 100%;
	color: #aaa!important;
	padding: 10px
}
.st-theme-dark>.nav .nav-link.active {
	color: rgba(255,255,255,.95)!important;
	background: #181c20!important;
	cursor: pointer
}
.st-theme-dark>.nav .nav-link.disabled {
	color: #555!important
}
.st-theme-brick>.tab-content>.tab-pane {
	padding: 10px
}
.st-theme-brick>.nav {
	background: #f9f9f9;
	border-bottom: 2px solid #5bc0de
}
.st-theme-brick>.nav .nav-link {
	position: relative;
	background: 0 0;
	border: transparent;
	height: 100%;
	min-height: 100%;
	color: #bbb!important;
	padding: 10px
}
.st-theme-brick>.nav .nav-link.active {
	color: #fff!important;
	background: #5bc0de!important;
	cursor: pointer;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}
.st-theme-brick>.nav .nav-link.disabled {
	color: #eee!important
}
.st-theme-brick.st-vertical>.nav {
	border-right: 2px solid #5bc0de;
	border-bottom: unset
}
.st-theme-brick.st-vertical>.nav .nav-link.active {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: unset
}
.st-theme-round {
	border: 1px solid #dee2e6;
	border-top-width: 0;
	border-radius: 8px
}
.st-theme-round>.tab-content>.tab-pane {
	padding: 10px
}
.st-theme-round>.nav {
	background: #fff;
	border-bottom: 1px solid #dee2e6;
	margin-right: -1px;
	margin-left: -1px
}
.st-theme-round>.nav .nav-link {
	position: relative;
	background: 0 0;
	height: 100%;
	min-height: 100%;
	color: #bbb!important;
	padding: 10px;
	border: 1px solid transparent;
	border-bottom-width: 0;
	background: #fff
}
.st-theme-round>.nav .nav-link.active {
	color: #495057!important;
	border-color: #dee2e6!important;
	cursor: pointer;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px
}
.st-theme-round>.nav .nav-link.active::after {
	content: "";
	background: #fff;
	height: 1px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -1px
}
.st-theme-round>.nav .nav-link.disabled {
	color: #eee!important
}
.st-theme-round.st-vertical {
	border-top-width: 1px;
	border-left-width: 0
}
.st-theme-round.st-vertical>.nav {
	border-right: 1px solid #dee2e6;
	border-bottom: unset;
	margin-top: -1px;
	margin-bottom: -1px;
	margin-right: 0;
	margin-left: 0
}
.st-theme-round.st-vertical>.nav .nav-link {
	border-bottom-width: 1px;
	border-right-width: 0
}
.st-theme-round.st-vertical>.nav .nav-link.active {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-top-right-radius: unset
}
.st-theme-round.st-vertical>.nav .nav-link.active::after {
	height: 100%;
	width: 1px;
	top: 0;
	left: auto;
	right: -1px
}
.st-theme-pills>.tab-content>.tab-pane {
	padding: 10px
}
.st-theme-pills>.nav {
	background: #5bc0de;
	padding: 11px 23px;
	border-radius: .1875rem
}
.st-theme-pills>.nav .nav-link {
	height: 100%;
	min-height: 100%;
	color: #fff!important;
	padding: .5rem 1rem
}
.st-theme-pills>.nav .nav-link.active {
	color: #fff!important;
	background: rgba(255,255,255,.2);
	border-radius: 30px;
	cursor: pointer
}
.st-theme-github>.tab-content>.tab-pane {
	padding: 10px
}
.st-theme-github>.nav {
	background: #fafbfc;
	border-bottom: 1px solid #e1e4e8;
	margin-right: -1px;
	margin-left: -1px
}
.st-theme-github>.nav .nav-link {
	position: relative;
	background: 0 0;
	height: 100%;
	min-height: 100%;
	color: #586069;
	padding: 10px;
	border: 1px solid transparent;
	border-top-width: 3px;
	border-bottom-width: 0;
	background: #fafbfc
}
.st-theme-github>.nav .nav-link:focus, .st-theme-github>.nav .nav-link:hover {
	color: #24292e
}
.st-theme-github>.nav .nav-link.active {
	color: #495057!important;
	border-color: #e1e4e8!important;
	border-top-color: #e36209!important;
	background-color: #fff!important;
	cursor: pointer
}
.st-theme-github>.nav .nav-link.active::after {
	content: "";
	background: #fff;
	height: 1px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -1px
}
.st-theme-github>.nav .nav-link.disabled {
	color: #eee!important
}
.st-theme-github.st-vertical>.nav {
	border-right: 1px solid #e1e4e8;
	border-bottom: unset;
	margin-top: -1px;
	margin-bottom: -1px;
	margin-right: 0;
	margin-left: 0
}
.st-theme-github.st-vertical>.nav .nav-link {
	border-bottom-width: 1px;
	border-right-width: 0;
	border-top-width: 1px;
	border-left-width: 3px
}
.st-theme-github.st-vertical>.nav .nav-link.active {
	border-top-color: #e1e4e8!important;
	border-left-color: #e36209!important
}
.st-theme-github.st-vertical>.nav .nav-link.active::after {
	height: 100%;
	width: 1px;
	top: 0;
	left: auto;
	right: -1px
}
.st-theme-sourceforge>.tab-content>.tab-pane {
	padding: 11px 15px
}
.st-theme-sourceforge>.nav {
	background: #fff;
	border-right: 1px solid;
	border-image-source: linear-gradient(to bottom, #333 0, #333 3px, #dcdcdc 3px);
	border-image-slice: 0 1 0 0
}
.st-theme-sourceforge>.nav .nav-link {
	position: relative;
	height: 100%;
	min-height: 100%;
	padding: 10px;
	color: #586069;
	background: #fff;
	border-style: solid;
	border-width: 3px 0 1px 1px;
	border-image-source: linear-gradient(to bottom, #333 0, #333 3px, #dcdcdc 3px);
	border-image-slice: 3 0 1 1
}
.st-theme-sourceforge>.nav .nav-link:focus, .st-theme-sourceforge>.nav .nav-link:hover {
	color: #09c!important
}
.st-theme-sourceforge>.nav .nav-link.active {
	color: #0cf!important;
	background-color: #fff!important;
	cursor: pointer;
	border-image-source: linear-gradient(to bottom, #0cf 0, #0cf 3px, #dcdcdc 3px);
	border-image-slice: 3 0 0 1
}
.st-theme-sourceforge.st-vertical>.nav {
	border-top: 1px solid;
	border-image-source: linear-gradient(to right, #333 0, #333 3px, #dcdcdc 3px);
	border-image-slice: 1 0 0 0
}
.st-theme-sourceforge.st-vertical>.nav .nav-link {
	border-width: 0 1px 1px 3px;
	border-image-source: linear-gradient(to right, #333 0, #333 3px, #dcdcdc 3px);
	border-image-slice: 0 1 1 3
}
.st-theme-sourceforge.st-vertical>.nav .nav-link.active {
	border-image-source: linear-gradient(to right, #0cf 0, #0cf 3px, #dcdcdc 3px);
	border-image-slice: 0 0 1 3
}
/*model*/
.product-page.model4 {
	background: #92c409;
	border-radius: inherit;
	background-image: linear-gradient(243deg, transparent 0%, transparent 8%,rgba(63, 106, 202,0.08) 8%, rgba(63, 106, 202,0.08) 46%,transparent 46%, transparent 100%),linear-gradient(203deg, transparent 0%, transparent 21%,rgba(63, 106, 202,0.08) 21%, rgba(63, 106, 202,0.08) 53%,transparent 53%, transparent 100%),linear-gradient(384deg, transparent 0%, transparent 35%,rgba(63, 106, 202,0.08) 35%, rgba(63, 106, 202,0.08) 91%,transparent 91%, transparent 100%),linear-gradient(186deg, rgb(255,255,255),rgb(255,255,255));
}
.model4 .st.st-vertical>.nav .nav-link {
    box-shadow: none;
    border-radius: inherit;
    position: inherit;
    background-image: radial-gradient(circle at center right, rgb(102, 218, 252),rgb(34, 111, 221));
}
.model4 .st-theme-default>.nav .nav-link.active {
    color: #ffffff;
    cursor: pointer;
    background: #172b48;
}
.model4 .product-contentlist li {
    border-radius: inherit;
    background: #fff;
    text-align: left;
    box-shadow: 0px 1px 5px 1px rgb(204 204 204);
    overflow: hidden;
}
.model4 .product-contentlist li:nth-child(even) h3 {
	border-right: none;
	border-left: 3px solid #d2d2d2;
}
.model4 .product-contentlist button {
    border: none;
    background: #797979;
}
.model4 .product-contentlist li:nth-child(even) button {
    float: none;
}



/*model*/