@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Khula:wght@600&display=swap');

html,
body {
	margin: 0px;
	font-family: 'Heiti TC', 'Source Han Sans', "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;
	color: #333;
	overflow-x: hidden;
}

h4 a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}

.data {
	color: #F00;
	font-size: 0.9em;
	text-align: right;
	margin-top: 0em;
	margin-bottom: 1em;
	margin-right: 5px;
}

/*MANAGER*/
.manager {
	background-color: #333;
	text-align: right;
	float: left;
	width: 100%;
	padding-top: 0.4em;
	padding-right: 0em;
	padding-bottom: 0.4em;
	padding-left: 0em;
	margin: 0px;
	clear: both;
	height: 48px;
}

.manager .language {
	margin: 0px;
	padding: 0px;
}

.manager .language a:link,
.manager .language a:visited {
	color: #FFF;
	background-color: #333;
	padding-top: 0.85em;
	padding-right: 1em;
	padding-bottom: 0.85em;
	padding-left: 1em;
	font-size: 1.2em;
	line-height: 2em;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	text-decoration: none;
	display: inline;
}

.manager .language a:hover,
.manager .language a:active {
	color: #FFF;
	background-color: #690;
	padding-top: 0.85em;
	padding-right: 1em;
	padding-bottom: 0.85em;
	padding-left: 1em;
	font-size: 1.2em;
	line-height: 2em;
	margin: 0px;
	text-decoration: none;
}

.manager .login {
	margin: 0px;
	float: left;
	text-align: right;
	padding-top: 0.1em;
}

.manager .login a:link,
.manager .login a:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #333;
	border-radius: 15px;
	padding-top: 0.3em;
	padding-right: 2em;
	padding-bottom: 0.3em;
	padding-left: 2em;
	float: left;
	border: 1px solid #9C3;
	font-size: 0.85em;
}

.manager .login a:hover,
.manager .login a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #690;
	border-radius: 15px;
	padding-top: 0.3em;
	padding-right: 2em;
	padding-bottom: 0.3em;
	padding-left: 2em;
	float: left;
	border: 1px solid #9C3;
}

#custom-search-input_top {
	border: solid 1px #E4E4E4;
	text-align: right;
	background-color: #FFF;
	position: absolute;
	right: 110px;
	padding: 0px;
	float: right;
}

#custom-search-input_top input {
	border: 0;
	box-shadow: none;
	font-size: 0.9em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: left;
	border-radius: 0px;
}

#custom-search-input_top button {
	border: 0;
	background-color: transparent;
	box-shadow: none;
	border-left: solid 1px #ccc;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: none;
}

#custom-search-input_top button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#custom-search-input_top .glyphicon-search {
	font-size: 1em;
	color: #9C0;
}

.manager2 {
	text-align: right;
	position: absolute;
	right: 10px;
	top:10px;
}

.manager2 .language {
	margin: 0px;
}

.manager2 .language a:link,
.manager2 .language a:visited {
	color: #333;
	width:32px;
	height:32px;
	font-size: 1.2em;
	line-height: 32px;
	text-decoration: none;
	border:#E4E4E4 1px solid;
	border-radius: 100%;
	display:inline-block;
	text-align:center;
	margin:0 0 0 5px;
}

.manager2 .language a:hover,
.manager2 .language a:active {
	border:#FF6D00 1px solid;
	background:#FF6D00;
	color:#FFF;
}

.manager2 .login {
	margin: 0px;
	text-align: right;
	padding-top: 0.1em;
	font-size: 0.85em;
	position: absolute;
	right: 15px;
}

.manager2 .login a:link,
.manager2 .login a:visited {
	color: #333;
	text-decoration: none;
	background-color: #FFF;
	border-radius: 15px;
	padding-top: 0.3em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	float: left;
	border: 1px solid #9C3;
	font-size: 0.85em;
}

.manager2 .login a:hover,
.manager2 .login a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #690;
	border-radius: 15px;
	padding-top: 0.3em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	float: left;
	border: 1px solid #9C3;
}

#custom-search-input_top2 {
	text-align: right;
	background-color: #FFF;
	padding: 0px;
	order: 10;
	border: 1px solid #E4E4E4;
	margin-bottom: -5px;
	border-radius: 10px;
	overflow: hidden;
	max-width: 269px;
}

#custom-search-input_top2 input {
	border: 0;
	box-shadow: none;
	font-size: 0.9em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: left;
	border-radius: 0px;
}

#custom-search-input_top2 button {
	border: 0;
	background-color: transparent;
	box-shadow: none;
	border-left: solid 1px #ccc;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: none;
}

#custom-search-input_top2 button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#custom-search-input_top2 .glyphicon-search {
	font-size: 1em;
	color: #9C0;
}

.header .logo {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	padding-right: 50px;
}

.header .logo img {
	max-height: 70px;
	width: auto;
}

@media (min-width: 1200px) {

	/*HEADER*/
	.header {
		background-color: #FFF;
		clear: both;
		z-index: 9999;
		display: flex;
	}

	.header .logo {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		padding-right: 50px;
		flex-grow: 0;
	}

	.header .logo img {
		max-height: 80px;
		width: auto;
	}

	/*nav第一層*/

	.header nav {
		display: flex !important;
		font-size: 1.2em;
		letter-spacing: 0.05em;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		padding: 0 0 20px 0;
	}

	.nav ul {
		margin: 0;
		float: left;
		padding: 0;
		display: flex;
		align-items: flex-end;
	}

	.nav ul li {
		position: relative;
		color: #333;
		list-style: none;
		background-color: #FFF;
	}

	.nav > ul > li+li {
		border-left: #CCC 1px solid;
	}

	.nav ul li.current > a {
		color: #FF6D00;
		margin: 0px;
	}

	.nav ul li a {
		display: block;
		color: #333;
		text-decoration: none;
		background-color: #FFF;
		padding: 0 1em;
	}
	.nav ul ul li a{
		color: #FFF;
	}

	.nav ul li:hover > a {
		color: #FF6D00;
		margin: 0px;
	}

	.nav ul li:hover ul {
		float: left;
		margin: 0px;
		background-color: #333;
		display: block;
	}

	/*nav第二層*/
	.nav ul li ul {
		display: none;
		position: absolute;
		top: 100%;
		margin: 0px;
		z-index: 9999;
		font-size: 0.9em;
		float: left;
		width: 400px;
	}

	.nav ul li ul li {
		float: left;
		width: 100%;
		display: inline-block;
	}

	.nav ul li ul li a:link,
	.nav ul li ul li a:visited {
		float: left;
		width: 100%;
		text-decoration: none;
		background-color: #333;
		padding-top: 0.2em;
		padding-right: 0.5em;
		padding-bottom: 0.2em;
		padding-left: 0.5em;
	}

	.nav ul li ul li a:hover,
	.nav ul li ul li a:active {
		background: #333;
		color: #FF6D00;
		margin: 0px;
	}

	/*nav第三層*/
	.nav ul li ul li ul {
		margin: 0px;
		z-index: 9999;
		font-size: 0.9em;
		float: left;
		background-color: #0C9;
		position: relative;
		top: 0px;
		background-color: #333;
		padding-left: 20px;
	}

	.nav ul li ul li ul li {
		float: left;
		margin: 0px;
		display: inline-block;
		border-left: solid 1px #999;
	}

	.toggle {
		display: none;
	}
}

@media (max-width: 1200px) {
	.nav {
		display: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		z-index: 99999;
		clear: both;
		float: left;
	}

	.toggle {
		display: inline-block;
		color: #FFF;
		background-color: #333;
		padding-top: 12px;
		padding-right: 20px;
		padding-bottom: 12px;
		padding-left: 20px;
		border-radius: 4px;
		float: right;
		margin-top: 25px;
	}

	.nav ul {
		margin: 0px;
		padding: 0px;
		width: 100%;
	}

	.nav ul li {
		float: left;
		list-style-type: none;
		margin: 0px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #EEE;
		width: 100%;
	}

	.nav ul li a:link,
	.nav ul li a:visited {
		color: #FFF;
		text-decoration: none;
		background-color: #333;
		margin: 0px;
		float: left;
		width: 100%;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
	}

	.nav ul li a:hover,
	.nav ul li a:active {
		color: #FFF;
		text-decoration: none;
		background-color: #690;
		margin: 0px;
		float: left;
		width: 100%;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
	}

	.nav ul li:hover ul li {
		list-style-type: none;
		float: left;
		width: 100%;
		color: #FFF;
		background-color: #666;
		border-bottom-style: none;
	}

	.nav ul li ul li a:link,
	.nav ul li ul li a:visited {
		margin: 0px;
		float: left;
		color: #FFF;
		text-decoration: none;
		background-color: #666;
		width: 100%;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 20px;
	}

	.nav ul li ul li a:hover,
	.nav ul li ul li a:active {
		margin: 0px;
		float: left;
		color: #FFF;
		text-decoration: none;
		background-color: #693;
		width: 100%;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 20px;
	}

	.nav ul li ul li ul {}

	.nav ul li ul li ul li {}

	.nav ul li ul li ul li a:link,
	.nav ul li ul li ul li a:visited {
		background-color: #CCC;
		padding-left: 35px;
		padding-right: 35px;
		color: #666;
	}

	.nav ul li ul li ul li a:hover,
	.nav ul li ul li ul li a:active {
		background-color: #693;
		padding-left: 35px;
		padding-right: 35px;
		color: #FFF;
	}
}

/*PRODUCTS*/
.pview {
	width: 950px;
	margin: 0 auto;
}

/*NEWS+COMPANY*/
.boxtitle {
	color: #690;
	font-weight: 900;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
	margin-top: 1.5em;
}

.boxtitle .normal_tl {
	font-weight: normal;
}

.boxtitle_wt {
	color: #FFF;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
}

.boxtitle_wt .normal_tl {
	font-weight: normal;
}

/*NEWS+COMPANY*/
.pagetitle {
	font-weight: 700;
	margin-bottom: 0.525rem;
	text-transform: uppercase;
	word-wrap: break-word;
	margin:0;
	font-family: 'Oswald', "PT Sans", sans-serif;
}

.pagesubtitle {
	font-weight: 300;
	margin:0;
	letter-spacing: 1.5px;
	font-family: 'Oswald', "PT Sans", sans-serif;
}

.imp {
	color: #000;
	font-family: Arial;
	font-weight: bold;
}

.note {
	font-size: 0.9em;
	color: #C30;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

/*NEWS+COMPANY*/
.more {
	text-align: right;
}

.news {
	padding-bottom: 2em;
	float: left;
	text-align: left;
	margin: 0px;
}

.news .news_time {
	font-weight: bold;
	padding: 0px;
	margin-bottom: 15px;
}

.news .news_title {
	padding: 0px;
	margin-bottom: 15px;
}

.news .news_title a:link,
.news .news_title a:visited {
	color: #333;
	text-decoration: none;
}

.news .news_title a:hover,
.news .news_title a:active {
	color: #690;
	text-decoration: underline;
}

.company {
	padding-bottom: 2em;
	float: left;
	text-align: left;
	margin: 0px;
}

.contact {
	background-color: #333;
	color: #CCC;
	letter-spacing: 0.07em;
}

.contact a:link,
.contact a:visited {
	color: #CF9;
}

.contact a:hover,
.contact a:active {
	color: #FFF;
}

.newslist {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.newslist .newstitle {
	background-color: #333;
	width: 100%;
	padding-top: 0.6em;
	padding-right: 0.2em;
	padding-bottom: 0.6em;
	padding-left: 0.2em;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	margin: 0px;
}

.newslist .newscon {
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	width: 100%;
	padding-top: 0.6em;
	padding-right: 0.2em;
	padding-bottom: 0.6em;
	padding-left: 0.2em;
	text-align: center;
	margin: 0px;
}

#custom-search-input {
	padding: 0px;
	border: solid 1px #E4E4E4;
	border-radius: 5px;
	background-color: #fff;
	margin-bottom: 1em;
	text-align: right;
}

#custom-search-input input {
	border: 0;
	box-shadow: none;
	font-size: 0.9em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: left;
	height: 35px;
}

#custom-search-input button {
	border: 0;
	background-color: transparent;
	box-shadow: none;
	border-left: solid 1px #ccc;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: none;
}

#custom-search-input button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#custom-search-input .glyphicon-search {
	font-size: 1em;
	color: #9C0;
}

.pbox2 {
	margin-bottom: 1.5em;
	margin-bottom: 10px;
}

.pbox2 .pimg {
	Woverflow: hidden;
	width: 100%;
	border: 1px solid #CCC;
	float: left;
	margin: 0px;
	padding: 0px;
}
.pbox2 .pimg2 {
	overflow:hidden;
}
.pbox2 .pimg a{
	text-align:center;
}

.pbox2 .pimg img {
	margin: 0px;
	padding: 0px;
	float: left;
}

.pbox3 .pimg {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	padding: 0px;
}

.pbox3 .pimg img {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
}

.pbox3 .pname {
	float: left;
	text-align: left;
	margin-bottom: 30px;
	width: 75%;
}

.pbox3 .bt_download {
	float: right;
	text-align: right;
	background-color: #E1F0F0;
	padding: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
}

.pname {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	font-weight: bold;
	float: left;
	margin-top: 0.5em;
}

.btcart {
	background-color: #E4E4E4;
	font-size: 126%;
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btview {
	background-color: #E4E4E4;
	font-size: 1.3em;
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-radius: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-left-width: 3px;
	border-left-color: #FFF;
}

.btview:hover {
	font-size: 1.3em;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-radius: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-left-width: 3px;
	border-left-color: #FFF;
}

@media (max-width: 450px) {
	.pbox2 .pimg {
		overflow: hidden;
		width: 100%;
		border: 1px solid #CCC;
		float: left;
	}

	.pbox2 .pimg img {
		margin: 0px;
		padding: 0px;
		float: left;
	}

	.pname {
		font-size: 0.9em;
		margin-bottom: 0.5em;
		font-weight: bold;
		float: left;
		margin-top: 0.5em;
	}

	.btcart {
		background-color: #E4E4E4;
		font-size: 0.4em;
		color: #333;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		border-radius: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.btview {
		background-color: #E4E4E4;
		font-size: 100%;
		color: #333;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: solid;
		border-radius: 0px;
		padding-top: 11px;
		padding-bottom: 11px;
		border-left-width: 3px;
		border-left-color: #FFF;
	}

	.btview:hover {
		font-size: 100%;
		color: #FFF;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: solid;
		border-radius: 0px;
		padding-top: 11px;
		padding-bottom: 11px;
		border-left-width: 3px;
		border-left-color: #FFF;
	}
}
.products_row{
    display:flex;
    align-items: flex-start;
    padding-bottom:30px;
}
.conright{
    width:75%;
}
@media (max-width: 768px) {
	.conright {
		float: left;
		clear: both;
		width: 100%;
	}


	.pinfo {
		width: 100%;
		margin-top: 20px;
		margin-left: 0px;
	}
	.pinfo2 {
		flex-direction: column;
	}
	
    .pinfo2 .pic_box{
        margin:0px 0 20px !important;
        padding:0;
    }

	.pinfo .ptext {
		margin-bottom: 20px;
		width: 100%;
		padding:0;
	}

	.pinfo .download {
		margin-bottom: 0;
		text-align: center;
		font-size: 1.2em;
		float: left;
		margin-left: 15px;
		padding: 0px;
	}

	.pinfo .download a {
		margin: 0px;
		padding: 0px;
		width: 100%;
		float: left;
	}

	.pinfo .cart {
		padding: 0px;
		float: left;
		width: 100%;
		margin-top: 0px;
		margin-right: 15px;
		margin-bottom: 2em;
		margin-left: 0px;
	}

	.pinfo .cart input {
		padding: 0.5em;
		border: 1px solid #CCC;
		margin: 0px;
		float: left;
		border-radius: 6px;
		width: 100%;
		font-size: 1.2em;
	}

	.pinfo .cart button {
		padding: 0.5em;
		border: 1px solid #CCC;
		margin: 0px;
		float: left;
		border-radius: 6px;
		background-color: #333;
		width: 100%;
		color: #FFF;
		font-size: 1.2em;
		font-family: "Courier New";
	}

	.pinfo .cart button:hover {
		padding: 0.5em;
		border: 1px solid #CCC;
		margin: 0px;
		float: left;
		border-radius: 6px;
		background-color: #09C;
		width: 100%;
		color: #FFF;
		font-size: 1.2em;
		font-family: "Courier New";
	}
}

@media (max-width: 1200px) {
	#custom-search-input_top2 {
		order: 0;
		margin: 0;
		border-radius: 0;
		max-width: 100%;
	}

	.nav ul {
		order: 1;
	}
}

@media screen and (max-device-width: 350px) {
	.pbox2 .pimg {
		overflow: hidden;
		width: 100%;
		border: 1px solid #CCC;
		float: left;
	}

	.pbox2 .pimg img {
		margin: 0px;
		padding: 0px;
		float: left;
	}
}

@media screen and (min-width: 350px) and (max-width: 500px) {
	.pbox2 .pimg {
		overflow: hidden;
		height: 350px;
		width: 100%;
		border: 1px solid #CCC;
		float: left;
	}

	.pbox2 .pimg img {
		margin: 0px;
		padding: 0px;
		float: left;
	}
}
.banner{
    position:relative;
}
.banner .item{
    float:left;
}
.banner .slick-slider{
    z-index:1;
    position:relative
}
.banner .carousel-box{
    z-index:5;
}
.banner .carousel-control{
    background: transparent;
}
.banner-dots{
    position:absolute;
    bottom:40px;
    width:100%;
    left:0;
    z-index:5;
}
.slick-dots {
    padding:0;
    width:100%;
    left:0;
    text-align:center;
}
.slick-dots li {
    margin: 0 2px;
    display: inline-block;
    list-style:none;
}
.banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    border:1px solid #FFF;
    background: transparent;
}
.banner .slick-dots li.slick-active button {
    background: #FFF;
}
.slick-track:after {
    clear: both;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.pinfo {
	width: 100%;
	margin-bottom: 0em;
	margin-left: 0px;
}
.pinfo2 {
    display:flex;
	margin-bottom: 2em;
}

.pinfo .ptext {
	margin: 0;
}
.pinfo2 .pic_box{
    margin:0px;
    padding:0;
}
.pinfo2 .ptext{
    display:flex;
    flex-direction: column;
}
.pinfo2 .ptext > .row{
    display:flex;
    margin-top: auto;
    justify-content: space-between;
    margin:0;
}
.pinfo2 .ptext > .row:before,
.pinfo2 .ptext > .row:after{
    display:none;
}

.pinfo .mytab {
	padding: 0px;
	float: left;
	width: 100%;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding:3px 3px 0 ;
	clear: both;
    background: #669900; /* Old browsers */
    background: -moz-linear-gradient(left,  #669900 0%, #99cc33 100%);
    background: -webkit-linear-gradient(left,  #669900 0%,#99cc33 100%);
    background: linear-gradient(to right,  #669900 0%,#99cc33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669900', endColorstr='#99cc33',GradientType=1 );
}

.pinfo .mytab>li {
	position: relative;
	display: block
	border:none;
	list-style:none;
}
.nav-tabs>li>a{
    border-radius:0;
}
.pinfo .mytab>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
	color:#FFF;
	border:none !important;
	cursor: pointer;
}

.pinfo .mytab>li>a:hover,
.pinfo .mytab>li>a:focus {
	text-decoration: none;
	/*background-color: #FFF;*/
}
.pinfo .mytab>li.active>a,
.pinfo .mytab>li:hover>a{
	/*color:#669900;*/
}
.nav>li.disabled>a {
	color: #777
}

.pinfo .mytab>li.disabled>a:hover,
.pinfo .mytab>li.disabled>a:focus {
	color: #777;
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent
}

.pinfo .mytab .open>a,
.pinfo .mytab .open>a:hover,
.pinfo .mytab .open>a:focus {
	background-color: #eee;
	border-color: #337ab7
}

.pinfo .mytab .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.pinfo .tab-content {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.pinfo img {
	border: 1px solid #CCC;
}

.pinfo .download {
	margin-bottom: 0;
	text-align: center;
	font-size: 1.2em;
	float: left;
	margin: 5px;
	padding: 0px;
}

.pinfo .download a {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}

.pinfo .download a:link,
.pinfo .download a:visited {
	color: #333;
	text-decoration: none;
	padding: 0.5em;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	background-color: #FFF;
}

.pinfo .download a:hover,
.pinfo .download a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #333;
	padding: 0.5em;
}

.pinfo .cart {
	padding: 0px;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

.pinfo .cart input {
	padding: 0.5em;
	border: 1px solid #CCC;
	margin: 0px;
	float: left;
	border-radius: 6px;
	width: 100%;
	font-size: 1.2em;
}

.pinfo .cart button {
	padding: 0.5em;
	border: 1px solid #CCC;
	margin: 0px;
	float: left;
	border-radius: 6px;
	background-color: #333;
	width: 100%;
	color: #FFF;
	font-size: 1.2em;
	font-family: "Courier New";
}

.pinfo .cart button:hover {
	padding: 0.5em;
	border: 1px solid #CCC;
	margin: 0px;
	float: left;
	border-radius: 6px;
	background-color: #09C;
	width: 100%;
	color: #FFF;
	font-size: 1.2em;
	font-family: "Courier New";
}

.pbox {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}

.pbox ul,
.pbox ul li {
	margin: 0px;
	padding: 0px;
}

.pbox ul li {
	list-style-position: inside;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	list-style-type: none;
	padding-left: 10px;
	background-image: url(../images/icon_tree.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

.pbox a:link img,
.pbox a:visited img {
	border: 1px solid #CCC;
	width: 100%;
}

.pbox a:hover img,
.pbox a:active img {
	border: 1px solid;
	width: 100%;
	border: 1px solid #9C3;
	-webkit-box-shadow: 0 0 7px 1px rgba(102,153,0,0.5);
    box-shadow: 0 0 7px 1px rgba(102,153,0,0.5);
}
.pbox:hover h4 a,
.pbox:active h4 a{
    color:#669900;
}
.pname{
    height:43px;
}

.title_green {
	font-weight: bold;
	color: #690;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

.title_gray {
	font-weight: bold;
	color: #666;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

.title_orange {
	font-weight: bold;
	color: #C30;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

.title_black {
	font-weight: bold;
	color: #000;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

.box {
	margin-bottom: 2em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 1em;
	float: left;
	width: 100%;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.footer {
	background-color: #333;
	clear: both;
}
.footer-top{
    padding:0 0 30px 0;
    margin:0 0 30px 0;
    border-bottom:#56595A 1px solid;
    display:flex;
    justify-content: space-between;
}
.footer-top .footer-menu{
    display:flex;
}
.footer-top .footer-menu a{
    color:#CCDF59;
    display:block;
    border-left:#CCDF59 1px solid;
    line-height: 1.4;
    height: 20px;
    padding: 0 10px;
    margin:0 0 10px 0;
}
.footer-top .footer-menu a:last-child{
    border-right:#CCDF59 1px solid;
}
footer {
    max-width:1140px;
    margin:0 auto;
    padding:10px;
    color:#FFF;
    position:relative;
}
footer address{
    display:flex;
    flex-wrap:wrap;
}
footer address .fbox{
    width:50%;
    margin:0 0 20px 0;
}
footer address .fbox span{
    display:block;
    color:#9ABA38;
}

.link {
	color: #FFF;
	text-align: center;
	background-color: #690;
	padding: 0px;
	float: left;
	margin: 0px;
	font-size: 1em;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

.link .select {
	background-color: #690;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 13px;
	padding-bottom: 13px;
}

.link .bottom_bt {
	background-color: #9C3;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.gotop {
	color: #FFF;
	text-align: center;
	background-color: #9C3;
	position:absolute;
	right:0px;
	top:-10px;
}

.gotop a:link,
.gotop a:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #9C3;
	width:47px;
	height:47px;
	margin: 0px;
	display:block;
	padding: 25px 0 0 0;
	background-image: url(../images/icon_top.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}

.gotop a:hover,
.gotop a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #690;
}

.copyright {
	font-size: 0.9em;
	color:#666A6B;
	background-color:#111111;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2.5em;
	margin: 0px;
	letter-spacing: 0.1em;
}

.cat {
    width:100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom-color: #ccc;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.products .ptitle{
  background:url(../../images/pbg.jpg) center top no-repeat;
  text-align:center;
  height:140px;
  font-size:21px;
  font-weight:bold;
  color:#FFF;
  line-height:1.2;
  padding:20px 0;
  letter-spacing: 5px;
}

.products .ptitle2{
  padding:35px 0;
}
.products .ptitle span{
    display:block;
  font-size:32px;
  font-weight:bold;
  color:#000;
  line-height:1.2;
  letter-spacing: 2px;
  font-family: 'Khula', sans-serif;
}
.products .row{
    position:relative;
    margin:-40px auto 0;
    max-width:1140px;
    border:#EEEEEE 1px solid;
}
.products .row button{
    border:none;
    outline: none;
}
.products_list{
    padding:0;
    box-sizing:border-box;
}
.hovereffect{
    border-right:#EEEEEE 1px solid;
}
.products_list+.products_list{
}
.products .slick-track:after{
    content:'';
    clear:both;
    display:block;
}
.products .slick-list.draggable{
    overflow:hidden;
    background:#FFF;
}
.products .slick-arrow {
  width: 20px;
  height: 30px;
  background: none;
  position: absolute;
  text-indent: -9999px;
  top: calc(50% - 15px);
  z-index: 50;
}

.products .slick-arrow.slick-prev {
  left: -40px;
  background:url(../../images/ar_l.png);
}

.products .slick-arrow.slick-next {
  right: -40px;
  background:url(../../images/ar_r.png);
}
.pagetop{
  background:url(../../images/ibg.jpg) center top no-repeat;
  margin-bottom:20px;
}
.pagetop .container{
    display:flex;
    height:115px;
    justify-content: space-between;
    align-items: center;
    color: #FFF;
}
.pagetop .container:before,
.pagetop .container:after{
    display:none;
}
.about-edit{
    display:flex;
    position:relative;
    align-items: flex-start;
    margin:0 0 30px 0;
}
.about-edit img{
    max-width:100%;
}
.about-edit .bbox{
    display:flex;
    position:relative;
    align-items: flex-start;
    padding:0 0 20px 0;
}
.about-edit .bbox:after{
    content:'';
    display:block;
    position:absolute;
    background:#FF6D00;
    left:0px;
    top:15px;
    right:0px;
    bottom:0px;
    z-index:-1;
}
.about-edit .bbox .left{
    width: 54%;
    max-width: 360px;
    padding: 9% 2% 7% 7%;
    color:#FFF;
    line-height:2.2;
    box-sizing:border-box;
}
.about-edit .bbox .right{
    box-sizing:border-box;
    padding:0 0 0 0px;
    margin-top:-100px;
}
.about-edit .left,
.about-edit .right{
    position:relative;
}
.about-edit > .left:after{
    content:'';
    display:block;
    position:absolute;
    background:rgba(153,204,51,0.1);
    left:20px;
    top:20px;
    right:-20px;
    bottom:-20px;
    z-index:-1;
}
.about-edit > .right{
    box-sizing:border-box;
    padding:0 0 0 40px;
    flex-grow: 2;
}
.about-edit .right .title{
    font-weight:bold;
    font-size:21px;
    color:#000;
}
.about-edit .right .title h2{
    margin:0 0 10px 0;
    font-size:32px;
    color:#669900;
    letter-spacing: 5px;
}
.about-edit .right .info{
    background:#669900;
    max-width:422px;
    padding:0 0 0 50px;
    line-height:1.8;
    color:#FFF;
    margin:0 0 0 -50px;
}
.carousel-caption{
    width:100%;
    left:0;
    right:0;
}
.carousel-header,.carousel-subheader{
    max-width:1140px;
    margin:0 auto;
}
@media (max-width: 1200px){
    .about-edit .bbox{
        flex-direction: column;
    }
    .about-edit .bbox .right{
        margin:0 auto;
    }
    .about-edit .bbox:after{
        bottom:50%;
    }
    .manager2{
        right: 85px;
        top: 28px;
    }
}
@media screen and (max-width: 900px) {
    .footer-top{
        display:block;
    }
    .footer-top .footer-info{
        margin:0 0 20px 0;
    }
}
@media screen and (max-width: 650px) {
    .about-edit{
        display:flex;
        flex-wrap:wrap;
        max-width:345px;
        margin:0 auto;
    }
    .about-edit > .left{
        width:100%;
        margin:0 0 30px 0;
    }
    .about-edit .right{
        padding:0;
    }
    .about-edit .bbox .left{
        width:100%;
        padding:30px 20px;
    }
    .about-edit .right .info{
        margin: 0 0 0 0px;
        padding: 0 0 0 10px;
    }
}
@media screen and (max-width: 500px) {
    footer address .fbox{
        width:100%;
    }
    .footer-top .footer-menu{
        display:flex;
        flex-wrap:wrap;
    }
    .pagesubtitle{
        display:none;
    }
    .products .slick-arrow.slick-prev{
        left: 10px;
    }
    .products .slick-arrow.slick-next{
        right:10px;
    }
    .products .slick-arrow{
        z-index:10;
    }
    .products .ptitle2{
        padding: 20px 0;
        height: 110px;
    }
    .banner-dots{
        display:none;
    }
    .carousel-caption{
        top:auto;
        bottom:0px;
        padding:10px 40px;
        background:rgba(0,0,0,0.7);
    }
    .carousel-caption .carousel-header,
    .carousel-caption .carousel-subheader{
        font-size: 13px !important;
        margin:0;
        text-align:center;
        line-height:1.2;
    }
    .carousel-control{
        position:absolute;
        border:none;
        width: 40px !important;
    }
    .carousel-box {
        bottom: 70%;
    }
    .carousel-control.right{
        right:0;
    }
    .carousel-control.left{
        left:0;
    }
}