/* Global Reset */


input#LoginButton {
    margin-top: 10px;
}

.fastCartBottom .ProductPriceRating {
    display: none;
}

.fastCartBottom .ProductActionAdd {
    display: none;
}

.course .ProductThumb {
    display: block !important;
}

.CompanyName {
    display: none;
}

.City {
    display: none;
}

.Zip {
    display: none;
}

.arial {
    /* font-family: Arial !important; */
}

.Clear.AddThisButtonBox {
    display: none;
}

.ImageCarouselBox {
    width: fit-content;
    padding: 0 !important;
}

body.course .ProductMain {
    display: block;
}

.FormContainer.HorizontalFormContainer h3 {
    color: #4e9f3c;
}

.FormContainer.HorizontalFormContainer {
    color: #0b4922;
}

div#ProductDetails h2 {
    background: none;
    color: #0b4922;
    max-width: 100%;
    text-align: center;
}

.main-title a:hover {
    color: #0b4922 !important;
    text-decoration: none !important;
}

.SubCategoryList a {
    color: #fff !important;
    /*font-family:"Microsoft YaHei";*/
}

.skd {
	overflow:hidden;
    font-weight: 800;
    /* margin-bottom: 10px; */
    /* text-align: center; */
    /* position: relative; */
    /* margin-left: -20px;
    margin-bottom: 10px; */
}
.skd span{
	display:block;
    padding: 0px 20px 0px 3px!important;
	/*overflow:hidden;*/
	float:left;
	color: #fff;
	font-size: 18px;
    background:url(../images/3.png) no-repeat;
    background-size: auto 100%;
    background-position: right;
    /*background: linear-gradient(254deg, transparent 22px, #0b4922 0);
    background-size: 100%;
    background-repeat: no-repeat;*/


    width: auto;
    /*
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 26px solid #0b4922;*/
}
.p {
    display: none;
}

.p .ProductDetails a {
    text-align: left;
    padding: 2px 0;
    font-weight: 900;
    color: #2b6e1c;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.side-cater .ProductImage {
    width: 100% !important;
    height: auto !important;
}

.side-cater .ProductImage img {
    width: 100%;
}
.side-cater .row{
       margin-right: 0;
       margin-left: 0; 
}
.p {
    background: #fff;
    padding: 10px 0;
    width: 100%;
    height: auto;
}

.side-cater .ProductImage a {
    padding: 0;
}

.SideCategoryListClassic ul li .side-cater {
    position: absolute;
    top: 43px;
    width: 820px;
    left: 50%;
    background: #0b4922;
    z-index: 99999;
    transform: translate(-50%, 0);
    display: none;
	filter:Alpha(opacity=0.9);
	opacity:0.9;
	
}

.SideCategoryListClassic ul ul li a {
    color: #fff;
    float: none;
    text-align: left;
}

.SideCategoryListClassic ul ul li {
    float: none;
    padding: 0;
}

.SideCategoryListClassic {
    clear: both;
    margin: 0 0 14px 0;
	    margin: 0 0 0 0;
    padding: 0;
    height: 48px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    position: relative;
    /* top: 10px; */
}

.SideCategoryListClassic ul {
    margin: 0 auto;
    /* padding: 7px 0; */
    float: left;
    /* width: fit-content; */
    display: block;
}
.CategoryContent .List{
    width: 820px;
    float: left;
}
.CategoryContent .Listabs{
    width: 280px;
    float: right;
}
.category-wrapper {
    width: fit-content;
    margin: 0 auto;
    clear: both;
    position: relative;
}

/* .SideCategoryListClassic ul li:hover .side-cater {
    display: block;
} */

.SideCategoryListClassic ul li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 7px 0;
}

.SideCategoryListClassic ul li a {
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 4px 18px;
    /* height: 20px; */
    background: none;
    color: #4ba239;
}


.SideCategoryListClassic ul li a:hover {
    color: #0b4922;
}

.SideCategoryListClassic ul li ul li a:hover {
    color: #4ba239;
}


.footer-info {
    padding: 20px 0;
}

.footer-info p {
    margin: 0 0 6px 0px;
    font-weight: 900;
    color: #0b4922;
}

.footer-info a {
    color: #06491f;
}


.main-title {
    width: 100%;
    height: 41px;
    margin-bottom: 9px;
}

.m-wrapper {
    width: 100%;
    height: auto;
    float: left;
    margin: 25px 0;
    display: none;
}

.main-title img {
    height: 30px;
}

.main-title a {
    color: #4ba239 !important;
    font-weight: 900;
    margin: 0 13px;
}

.m-card .image img {
    width: 100%;
}

.m-card .title {
    color: #0b4922;
    font-size: 18px;
    padding: 7px 0;
    font-weight: 900;
}

.m-card .date {
    color: #898989;
}


.s-card .titlet {
    color: #fff;
    font-size: 20px;
    padding: 0 25px 0 10px;
    max-width: 200px;
    text-align: right;
    /*background: linear-gradient(240deg, transparent 15px, #0b4922 0);*/
    background:url(../images/3.png) no-repeat;
    background-size: auto 100%;
    background-position: right;
    /*
    background-repeat: no-repeat;
    position: relative;
    left: 0;
    width: 225px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 31px solid #0b4922;*/
}

.zxzf_tit {
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    width: 100%;
    color: #0a4922;
    /* font-family: SimSun, arial !important; */
    font-weight: bold;
}

.s-card {
    margin: 15px 0;
}

.s-card .title {
    color: #fff;
    font-size: 20px;
    padding: 0 25px 0 10px;
    max-width: 115px;
    text-align: right;
    background:url(../images/3.png) no-repeat;
    background-size: auto 100%;
    background-position: right;
    /*
    background: linear-gradient(240deg, transparent 15px, #0b4922 0);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    left: 0;*/
}

.s-card .content-left {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 30px;
    color: #fff;
    z-index: 999;
	overflow:hidden;
}

.s-card .content-left .content {
    z-index: 999;
    position: absolute;
    bottom: 3%;
    left: 2%;
    font-size: 24px;
    width: 230px;
    /* display:none; */
	opacity: 0;
    filter:Alpha(opacity=0);
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.s-card .content-left .content p{
	margin:0
}
.s-card .content-left .hover-bg{
    position: absolute;
    width: 50%;
    height: 100%;
    width: 315px;
    height: 0;
    border-right: 78px solid transparent;
    border-bottom: 320px solid #0b4922;
    top: 0;
    left: -315px;
    opacity: 0;
    filter:Alpha(opacity=0);
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
    /* display: none; */
}
.s-card .content-left:hover .content{
    /* display: block; */
			    opacity: 1;
    filter:Alpha(opacity=1);
    animation: bounceInLeft 3s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
.s-card .content-left:hover .hover-bg{
    /* display: block; */
	left:0;
	    opacity: 0.6;
    filter:Alpha(opacity=0.6);
    animation: bounceInLeft 3s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
.s-card .content-right {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    color: #fff;
    z-index: 999;
}

.s-card .content-right .content {
    z-index: 999;
    position: absolute;
    bottom: 3%;
    right: 2%;
    font-size: 24px;
    width: 230px;
    text-align: right;
    /* display:none; */
	opacity: 0;
    filter:Alpha(opacity=0);
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
	
}


.s-card .content-right .hover-bg {
    position: absolute;
    width: 50%;
    height: 100%;
    width: 315px;
    height: 0;
    border-left: 78px solid transparent;
    border-bottom: 320px solid #0b4922;
    bottom: 0;
    right: -315px;
    opacity: 0;
    filter:Alpha(opacity=0);
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
    /* display: none; */
}
.s-card .content-right:hover .content{
    /* display: block; */
		    opacity: 1;
    filter:Alpha(opacity=1);
    animation: bounceInLeft 3s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)
}
.s-card .content-right:hover .hover-bg{
    /* display: block; */
	right:0;
	opacity: 0.6;
    filter:Alpha(opacity=0.6);
    animation: bounceInLeft 3s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)
}

.s-card .image-wrapper-left {
    position: relative;
    overflow: hidden;
}

.s-card .image-wrapper-right {
    position: relative;
    overflow: hidden;
}
.s-card .image-wrapper-right .image{
	overflow:hidden;
	padding:0  0 0 30px;
}
.s-card .image-wrapper-left .image{
	overflow:hidden;
		padding:0  0 0 30px;
}
.pc-list-sm{
	padding:0 45px 0 15px;
}
.pc-list-sm .list-sm{
	overflow:hidden;
	padding:0!important;
}
#img-banner .image{
		padding:0 30px;
}



.pc-list-sm .list-sm .image{
	height: auto;
	overflow:hidden;
}
.s-card .image img {
    width: 100%;
    height: auto;
}

.footer-nav {
    clear: both;
    margin: 14px 0;
    padding: 7px 0;
    height: 48px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    position: relative;
}

.footer-nav ul {
    margin: 0 auto;
    padding: 0;
    width: fit-content;
    display: block;
}

.footer-nav ul li a {
    background: none;
    color: #4ba239;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 4px 18px;
}

.container {
    position: relative;
}

li.border-both {
    border-left: 2px solid #0c4620;
    border-right: 2px solid #0c4620;
    padding: 0 3px !important;
    margin: 0 5px !important;
}

.search {
    position: absolute;
    right: 2%;
    top: 20%;
}

img#LogoImage {
    max-width: 350px;
}

.desktop {
    display: block !important;
}

.mobile {
    display: none !important;
}

* {
    margin: 0;
    padding: 0;
}

/* General */
html,
body {
    cursor: url(http://icompass.com.hk/product_images/uploaded_images/cursor.png), auto;


}
@font-face{
    font-family: 'PingFang SC';
    src: url('/public/font/PINGFANG MEDIUM_0.eot');
    src:url('/public/font/PINGFANG MEDIUM_0.woff'),
    url('/public/font/PINGFANG MEDIUM_0.ttf'),
    url('/public/font/PINGFANG MEDIUM_0.svg');
}
@font-face{
    font-family: 'Arial';
    src: url('/public/font/Arial.eot');
    src:url('/public/font/Arial.woff'),
    url('/public/font/Arial.ttf'),
    url('/public/font/Arial.svg');
}
body {
    /* font-family: SimSun, arial !important; */
	font-family: "PingFang SC","Arial";
    font-size: 0.8em;
    height: 100%;
}

*,body,ul, ul li{
    padding: 0;
    margin: 0;
   
}
input,
select {
    font-size: 11px;
}

input {
    padding: 1px;
}

p {
    line-height: 1.3;
    margin-bottom: 15px;
}

a {
    font-weight: normal;
    text-decoration: underline;
}

h2,
.TitleHeading {
    font-size: 1.3em;
    font-weight: bold;
    margin: 6px 0 6px 0;
}

h3 {
    font-size: 1.1em;
    margin-bottom: 6px;
}

h4 {
    font-size: 1.1em;
    margin-bottom: 4px;
}

img,
img a {
    border: 0;
}

ul,
ol {
    margin: 0 0 10px 30px;
}

li {
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
}

blockquote {
    margin-left: 28px;
}

select option {
    padding: 0 10px;
}

hr {
    margin: 10px 0;
    padding: 0;
    background: #c7d7db;
    height: 1px;
    border: 0;
}

/* Forms */
.HorizontalFormContainer dl,
.VerticalFormContainer dl {
    margin: 0;
}

.HorizontalFormContainer dt img {
    vertical-align: middle;
    float: left;
}

.HorizontalFormContainer dt .fieldLabel {
    float: left;
    padding-top: 4px;
    padding-left: 4px;
}

.HorizontalFormContainer dt {
    width: 160px;
    float: left;
    clear: left;
}

.HorizontalFormContainer dd.ProductField {
    height: 20px;
}

.HorizontalFormContainer dd {
    padding-top: 4px;
    margin-left: 170px;
}

.NarrowFormContainer dt {
    width: 110px;
}

.NarrowFormContainer dd {
    margin-left: 120px;
}

.HorizontalFormContainer p.Submit {
    margin-left: 170px;
}

.NarrowFormContainer p.Submit {
    margin-left: 120px;
}

.VerticalFormContainer dt {
    margin-bottom: 6px;
}

.VerticalFormContainer dd {
    margin-bottom: 6px;
    margin-left: 10px;
}

/* Page Container */

#Container {
    width: 975px;
    margin: 0 auto;
    position: relative;
}

/* Top Navigational Menu */
#TopMenu {
    /* height: 27px; */
    padding: 10px 0 0 0;
    position: absolute;
    right: 1%;
}

#TopMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
}

#TopMenu li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#TopMenu li.First a {
    border-left: 0;
}

#TopMenu li a,
#TopMenu li div {
    display: block;
    text-decoration: none;
    font-size: 0.85em;
    padding: 0 5px;
    margin: 0;
}

#TopMenu li div a {
    padding: 0;
    margin: 0;
    display: inline;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    top: 1px;
}

#TopMenu li a:hover {
    text-decoration: none;
}

/* Pages Menu */
#Menu {
    clear: both;
    margin: 14px 0;
    padding: 7px 0;
    height: 48px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    position: relative;
}

#Menu ul {
    margin: 0 auto;
    padding: 0;
    width: fit-content;
    display: block;
}

#Menu li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#Menu li.First a {
    background-image: none;
}

#Menu li a {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 4px 18px;
    /* height: 20px; */
}

#Menu li a:hover {
    text-decoration: none;
}

#Menu li ul {
    width: auto;
    position: absolute;
    clear: left;
    top: 22px;
    left: 0;
    display: none;
    text-align: left;
    font-size: 0.9em;
    background: transparent;
    z-index: 1;


}

#Menu li ul li {
    clear: both;
    color: white;
    text-align: left;
    background: transparent;
}

#Menu li ul li a {
    padding: 3px 10px 3px 10px;
    font-size: 1em;
    text-align: left;
    margin: 0;
    width: 120px;
    height: auto;
}

#Menu li ul li a:hover {
    text-decoration: none;
}

#Menu li:hover a,
#Menu li.over a {
    text-decoration: none;
}

#Menu li ul li a,
#Menu li.over li a {
    text-decoration: none !important;
}
/* 
#Menu li:hover ul,
#Menu li.over ul {
    display: block;
} */

/* Holly Hack. IE Requirement */
* html #Menu ul li {
    float: left;
    height: 1%;
}

* html #Menu ul li a {
    height: 1%;
}

/* End */


/* Outer Content Wrapper (Surrounds header & content) */
#Outer {
    margin-top: 4px;
    clear: both;
}

#Wrapper {
    clear: both;
}

/* Header */

#Header {
     width: 100%;
    
	 padding:36px 0 34px 0;
    /* height: 57px; */
    clear: both;
    /* margin: 0 0 1px 0; */
    /* padding-bottom: 12px; */
	/* background-color:red; */
}
.s-card .content-right p{
        margin-bottom: 0px;
}
/* Logo */

#Logo {
    float: left;
    width: 730px;
}

#Logo h1 {
    font-size: 2.4em;
    font-weight: normal;
    padding-left: 64px;
    height: 45px;
    margin-top: 10px;
}

#Logo h1 a {
    text-decoration: none;
}

.title li{
     display: inline-block;
     background: #fff;
     text-align: center;
     width: auto;
     height: auto;
     margin: 0 1px;
     line-height: 30px;
 }
 .f5 .title .active a{border-top:2px solid #a00;border-bottom: 2px solid #fff;color: #0b4922; }
 .f5 #content{margin: 0;width: 100%;    height: auto;padding:0 15px 0 0;
    float: left;}
.f5 #content div{display: block;padding: 5px 0}
.f5 #content .mod{
	display: block;
	margin-top:0;
	padding:0 0 0 30px;
}
.f5 #content .mod ul{margin-left: 0;margin-top:0;}
.f5 #content .mod ul li{margin-right: 14px;padding: 0;width: 32%;}
.f5 #content .image{
	overflow:hidden;
	height:210px;
}
.f5{
    width:100%;
    height:auto;
}
.f5 .container{
    margin:0;
    padding: 0;
}
.f5 h4 {
    color: #fff;
    font-size: 20px;
    padding: 6px 41px 6px 18px;
    max-width: 239px;
    text-align: right;

    background:url(../images/4.png) no-repeat;
    background-size: auto 100%;
    background-position: right;

   /* background: linear-gradient(240deg, transparent 24px, #4ba239 0);
    background-size: 100%;
    background-repeat: no-repeat;*/
    float: left;
    display: inline-block;
    font-weight: 700;
}

.f5 .f5_1 {
    width: 600px;
    height: 30px;
    line-height: 68px;
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-left: 18px;
}
.f5 .f5_1 a{

    display: block;
    padding: 5px 14px;
    text-decoration: none;
    color: #4ba239;
    font-weight: 900;
    font-size: 20px;
}
.f5 .f5_1 a:hover{
    text-decoration: none;
}
.mod ul li a:hover{
    text-decoration: none;
}



.f6{
    width:100%;
    height:auto;
}
.f6 .container{
    margin:0;
    padding: 0;
}
.f6 h4 {
    color: #fff;
    font-size: 20px;
    padding: 6px 41px 6px 18px;
    max-width: 239px;
    text-align: right;
    background: linear-gradient(240deg, transparent 24px, #4ba239 0);
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
    display: inline-block;
    font-weight: 700;
}

.f6 .f6_1 {
    width: 600px;
    height: 30px;
    line-height: 68px;
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-left: 18px;
}
.f6 .f6_1 a{

    display: block;
    padding: 5px 14px;
    text-decoration: none;
    color: #4ba239;
    font-weight: 900;
    font-size: 20px;
}
.f6 .title .active a{border-top:2px solid #a00;border-bottom: 2px solid #fff;color: #0b4922; }
 .f6 #content{margin: 0;width: 100%;    height: auto;
    float: left;}
.f6 #content div{display: block;padding: 5px 0}
.f6 #content .mod{display: block;margin-top:0;}
.f6 #content .mod ul{margin-left: 0;margin-top:0;}
.f6 #content .mod ul li{margin-right: 14px;padding: 0;width: 32%;}
.f6 .f6_1 a:hover{
    text-decoration: none;
}



.f7{
    width:100%;
    height:auto;
}
.f7 .container{
    margin:0;
    padding: 0;
}
.f7 h4 {
    color: #fff;
    font-size: 20px;
    padding: 6px 41px 6px 18px;
    max-width: 239px;
    text-align: right;
    background: linear-gradient(240deg, transparent 24px, #4ba239 0);
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
    display: inline-block;
    font-weight: 700;
}

.f7 .f7_1 {
    width: 600px;
    height: 30px;
    line-height: 68px;
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-left: 18px;
}
.f7 .f7_1 a{

    display: block;
    padding: 5px 14px;
    text-decoration: none;
    color: #4ba239;
    font-weight: 900;
    font-size: 20px;
}
.f7 .title .active a{border-top:2px solid #a00;border-bottom: 2px solid #fff;color: #0b4922; }
.f7 #content{margin: 0;width: 100%;    height: auto;
    float: left;}
.f7 #content div{display: block;padding: 5px 0}
.f7 #content .mod{display: block;margin-top:0;}
.f7 #content .mod ul{margin-left: 0;margin-top:0;}
.f7 #content .mod ul li{margin-right: 14px;padding: 0;width: 32%;}

.f7 .f7_1 a:hover{
    text-decoration: none;
}




.main-title .main-title_1 {
    min-width: 50px;
    height: 42px;
    line-height: 48px;
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-left: 18px;
}
 .main-title .main-title_1 a{
    padding: 5px 5px;
    text-decoration: none;
    color: #4ba239;
    font-weight: 900;
    font-size: 20px;
    margin: 0;
}
/* Top Search Form */
#SearchForm {
    padding-top: 20px;
    float: right;
    display: none;
}

#SearchForm label {
    font-weight: bold;
}

#SearchForm input.Textbox {
    width: 139px;
    border: 1px solid #ccc;
    background: #fff;
    font-size: 0.9em;
    padding: 3px;
}

#SearchForm .Button {
    width: 27px;
    height: 27px;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
}

#SearchForm p {
    text-align: right;
    margin: 0 0 0 45px;
    font-size: 0.9em;
}

#SearchForm a {
    text-decoration: none;
}

/* Left Content Area */

.Left {
    /* float: left; */
    /* min-height: 500px; */
    /* width: 160px; */
    /* font-size: 0.85em; */
    /* margin-right: 10px; */
}

.Left h2 {
    font-size: 1.25em;
    margin: 5px 10px 8px;
    width: 140px;
}

.Left a {
    color: #000;
}

.Left li a:hover {
    text-decoration: underline;
}

.Left .BlockContent {
    margin: 0 10px 0 10px;
}

.Left ul {
    margin: 0;
    padding: 0;
}

.Left li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}

.Left .BlockContent {
    margin: 0 10px 0 10px;
}

.Left li {
    border-bottom: 1px solid #c5dde9;
}

.Left li a {
    text-decoration: none;
}

.Left li a:hover {
    text-decoration: underline;
}

.Left #SideCategoryList li ul {
    border-top: 1px solid #c5dde9;
}

.Left #SideCategoryList li.LastChild {
    border-bottom: 0 !important;
}

.Left #SideCategoryList li {
    padding: 3px 0 0 0;
}

.Left #SideCategoryList li ul {
    padding-left: 15px;
}

/* Primary Content Area */
.Content {
    /* float: left; */
    /* width: 615px; */
    min-height: 500px;
    /* margin: 0; */
    /* padding: 0 10px 10px 10px; */
    /* font-size: 0.95em; */
}

.Content .Block {
    clear: both;
}

.Block {

    margin-bottom: 10px;
	    margin-bottom: 0px;
}
.BlockContent{
	
		/* border:1px solid red; */
}

.Content h2,
.TitleHeading {
    font-size: 1.6em;
    font-weight: bold;
    color: #084921;
    margin: 10px 0;
    color: #fff;
    font-size: 25px;
    padding: 10px 25px 10px 10px;
    max-width: 60%;
    text-align: left;
    background:url(../images/3.png) no-repeat;
    background-size: auto 100%;
    background-position: right;


    /*background: linear-gradient(254deg, transparent 15px, #0b4922 0);*/
    /*background:url(/images/icom1.png);*/
    /*background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    left: 0;

    width: auto;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 40px solid #0b4922;*/
}
.Content h2{
	 padding: 4px 60px 4px 20px;
	     margin:0 0 10px 0;
}
.Content h2{
    text-align: right;
}
.Content a:hover {
    text-decoration: underline;
}

/* Primary Content Area (column span of 2) */
.Content.Wide {
    width: 785px;
}

/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest {
    width: 955px;
}

/* Right Content Area */
.Right {
    /* float: right; */
    /* min-height: 500px; */
    /* width: 160px; */
    /* font-size: 0.85em; */
    /* padding-bottom: 10px; */
    /* margin-left: 10px; */
}

.Right h2 {
    font-size: 1.25em;
    margin: 5px 10px 8px;
    width: 140px;
}

.Right a {
    color: #000;
}

.Right li a:hover {
    text-decoration: underline;
}

.Right .BlockContent {
    margin: 0 10px 0 10px;
}

.Right ul {
    margin: 0;
    padding: 0;
}

.Right li {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 3px 0;
}

.Right .BlockContent {
    margin: 0 10px 0 10px;
}

.Right li {
    border-bottom: 1px solid #c5dde9;
}

.Right li a {
    text-decoration: none;
}

.Right li a:hover {
    text-decoration: underline;
}

/* Page Footer */

#Footer {
    clear: both;
    font-size: 0.85em;
    text-align: center;
    margin: 0;
    padding: 0;
}

#Footer ul {
    /* list-style: none; */
    /* margin: 0 0 30px 115px; */
    /* padding: 0; */
}

#Footer li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#Footer li a {
    /* text-decoration: none; */
    /* padding: 0 10px 0 10px; */
}

/* Newsletter Subscription Form */
.NewsletterSubscription {
    clear: both;
}

.NewsletterSubscription label {
    clear: both;
    float: left;
}

.NewsletterSubscription input {
    width: 129px;
    font-size: 0.9em;
    padding: 3px;
    margin-bottom: 5px;
}

.NewsletterSubscription .Button {
    width: 95px;
    height: 25px;
    border: 0;
    margin-top: 6px;
    vertical-align: middle;
}

/* Product Listings */

.ProductList {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Content .ProductList li {
    list-style: none;
    float: left;
    width: 122px;
    font-size: 0.95em;
    margin: 6px;
    padding: 8px;
    overflow: hidden;
    min-height: 17em;
}

.ProductList a {
    text-decoration: none;
}

.ProductList .ProductImage {
    margin: 0 0 5px 0;
    display: table-cell;
    width: 120px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
}

.ProductList .ProductImage img {
    vertical-align: middle;
}

.ProductList p {
    margin: 5px 0 5px 5px;
}

.ProductList strong{
	margin:10px 0 0 0;
}
.ProductList strong,
.ProductList strong a {
	display:block;
	overflow:hidden;
    color: #0b4922!important ;
}
.ProductList strong a{
	padding:0!important;
	max-height:54px;
	text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ProductList .nameTime{
	overflow:hidden;
	padding:0 15px;
	color:#999;
	margin: 8px 0 0 0;
}
.Content .ProductList.List .ProductDescription p,.Content .ProductList.List .ProductDescription span,.Content .ProductList.List .ProductDescription strong{
	color:#535353!important;
	margin:0!important;
	padding:0!important;
	font-size:15px!important;
}

.ProductPrice,
.ProductList em {
    font-style: normal;
    font-weight: bold;
}

.ProductList .Rating {
    font-size: 0.9em;
    font-weight: bold;
}

.ProductList .Rating img {
    height: 12px;
    margin-top: 3px;
}

.ProductList li .ProductCompareButton {
    margin-top: 3px;
    text-align: center;
}

.Left .ProductList .ProductImage,
.Right .ProductList .ProductImage {
    display: none;
}

.Left .ProductList li,
.Right .ProductList li {
    clear: both;
    width: 140px;
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 3px 0 5px 0;
    color: #000000;
}

.Right .SideCart p {
    color: #000000;
}

/* Top Seller Block Specific */
.Left .TopSellers li .TopSellerNumber,
.Right .TopSellers li .TopSellerNumber {
    /* Contains the number of the item */
    float: left;
    width: 20px;
    font-size: 1.2em;
    padding: 6px 0 3px 6px;
}

.Left .TopSellers .ProductDetails,
.Right .TopSellers .ProductDetails {
    /* Contains the details of the item */
    margin-left: 24px;
    width: 110px;
    padding: 3px 0 3px 0;
}

.Left .TopSellers li.TopSeller1,
.Right .TopSellers li.TopSeller1 {
    /* No1 seller box */
    clear: both;
    float: left;
    width: 128px;
    margin: 10px 0 5px 0;
    padding: 5px;
    overflow: visible;
    display: inline;
}

.Left .TopSellers li.TopSeller1 img,
.Right .TopSellers li.TopSeller1 img {
    text-align: center;
    overflow: hidden;
    max-width: 130px;
}


.Left .TopSellers li.TopSeller1 .TopSellerNumber,
.Right .TopSellers li.TopSeller1 .TopSellerNumber {
    width: 44px;
    height: 34px;
    font-size: 2em;
    padding: 7px 0 6px 0;
    margin: -20px 0 0 0;
    text-align: center;
    display: Block;
}

.Left .TopSellers li.TopSeller1 .ProductDetails,
.Right .TopSellers li.TopSeller1 .ProductDetails {
    margin-left: 0;
}

.Left .TopSellers li.TopSeller1 .ProductImage,
.Right .TopSellers li.TopSeller1 .ProductImage {
    width: 130px;
    display: inline;
    text-align: center;
    overflow: hidden;
}

.Content .TopSellers li .TopSellerNumber {
    display: none;
}

/* Page Breadcrumbs */
.Breadcrumb ul,
.Breadcrumb li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Breadcrumb {
    font-size: 0.9em;
    padding-bottom: 4px;
    border-bottom: 1px solid #DCDFE2;
}

.Breadcrumb li {
    padding-left: 6px;
    display: inline;
}

.Breadcrumb li a {
    padding-right: 10px;
    background: url('../../default/images/BreadcrumbSep.gif') no-repeat right;
}

.FindByCategory ul,
.FindByCategory li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.FindByCategory li {
    padding-left: 12px;
    background: url('../../default/images/BreadcrumbSep.gif') no-repeat 3px 5px;
    padding-right: 8px;
    display: inline;
}

/* Miscellaneous Definitions */

.Meta {
    color: #444;
    font-size: 0.93em;
}

.Left .FeedLink,
.Right .FeedLink {
    padding-right: 5px;
}

.Content .FeedLink {
    margin-top: 4px;
}

.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}

.ClearRight {
    clear: right;
}

.ClearLeft {
    clear: left;
}

.SortBox {
    font-size: 0.95em;
    color: #444;
}

.CompareButton {
    clear: both;
    text-align: right;
    margin-top: 12px;
    padding: 4px;
}

.Clear {
    clear: both;
}

.Field45 {
    width: 45px;
}

.Field100 {
    width: 100px;
}

.Field150 {
    width: 150px;
}

.Field200 {
    width: 200px;
}

.Field250 {
    width: 250px;
}

.Field300 {
    width: 300px;
}

.Field350 {
    width: 350px;
}

.Field400 {
    width: 400px;
}

.MB10 {
    margin-bottom: 10px;
}

.MT0 {
    margin-top: 0px;
}

.LH140 {
    line-height: 140%;
}

.PLRB5 {
    padding: 0px 5px 5px 5px;
}

.PLR10 {
    padding: 0px 10px 0px 10px;
}

.PL20 {
    padding: 0px 0px 0px 20px;
}

.PL40 {
    padding: 0px 0px 0px 40px;
}

.ML20 {
    margin: 0px 0px 0px 20px;
}

.MT10 {
    margin-top: 10px;
}

.PL10 {
    padding-left: 10px;
}

.PB2 {
    padding-bottom: 2px;
}

.NoMarginBottom {
    margin-bottom: 0;
}

.Required {
    color: red;
    font-weight: bold;
    visibility: visible;
}

.InfoMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

.SuccessMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;

}

.ErrorMessage {
    padding: 8px 6px 8px 28px;
    margin-bottom: 10px;
}

/************* Page Specific: Create Account / Login Page *************/
.CreateAccount {
    float: left;
    width: 335px;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.AccountLogin {
    float: left;
    padding-left: 20px;
    width: 335px;
}

ul.ShippingAddressList,
ul.ShippingAddressList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.ShippingAddressList li {
    width: 30%;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.PrimaryProductDetails .ProductThumb {
    float: none;
    width: 100% !important;
    text-align: center;
    height: auto !important;
    display: none;
}

.PrimaryProductDetails .ProductMain {
    width: 340px;
    float: left;
    display: none;
}

.PrimaryProductDetails dl {
    font-size: 0.90em;
}

.PrimaryProductDetails dt {
    font-weight: bold;
    width: 80px;
    clear: left;
}

.PrimaryProductDetails dd {
    margin-left: 90px;
}

.Right hr {
    margin: 5px 0 0;
}

.Content h3 {
    margin-bottom: 5px;
}

.ComparisonCheckbox {
    float: left;
}

.SideRecentlyViewed .CompareButton {
    margin: 10px 0 0 0;
    padding: 0;
}

.SideRecentlyViewed .ProductList li {
    margin-left: 0;
}

.SideRecentlyViewed .ProductDetails {
    margin-left: 20px;
}

/* Product Comparisons */
.ComparisonTable {
    width: 100%;
}

.ComparisonTable td {
    vertical-align: top;
    font-size: 11px
}

.CompareFieldName {
    width: 95px;
    padding: 8px 10px 8px 15px;
}

.CompareFieldTop {
    padding: 5px;
    text-align: center;
}

.CompareFieldTop a {
    text-decoration: none;
    font-size: 10px;
}

.CompareFieldTop a:hover {
    text-decoration: underline;
}

.CompareLeft {
    padding: 5px 10px 5px 10px;
}

.CompareCenter {
    text-align: center;
    padding: 5px;
}

.CompareRating {
    text-align: center;
    padding-top: 8px;
    vertical-align: middle;
}

.CompareProductOption {
    margin-left: 20px;
    padding-left: 5px;
}

.Availability {
    color: gray;
}

.LittleNote {
    color: gray;
    font-size: 0.85em;
}

.ViewCartLink {
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 8px;
}

/* General Tables */
table.General,
table.CartContents,
table.General {
    width: 100%;
    margin: 10px 0;
}

table.General thead tr th,
table.CartContents thead tr th {
    padding: 6px 10px;
    text-align: left;
}

table.General tbody td,
table.CartContents tbody td {
    padding: 6px 10px;
    vertical-align: top;
}

table.General tbody tr.First td {
    border-top: 0;
}

/* Cart Contents Table */

.CartContents tbody td,
.CartContents tfoot td {
    border-bottom: 0;
}

.CartContents .ProductName a {
    font-weight: bold;
}

.ProceedToCheckout {
    text-align: right;
}

.Content .ProceedToCheckout {
    width: 200px;
    float: right;
}

.ProceedToCheckout a {
    padding-top: 5px;
}

.MiniCart .SubTotal {
    text-align: center;
    font-size: 115%;
    color: #075899;
}

.MiniCart .CartProductOptionList {
    display: block;
}

.JustAddedProduct {
    width: 128px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.JustAddedProduct strong,
.JustAddedProduct a {
    font-weight: bold;
    font-size: 1.02em;
    display: block;
    margin-bottom: 3px;
}

.CategoryPagination .PagingList,
.CategoryPagination .PagingList li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.CategoryPagination {
    padding: 5px;
    text-align: center;
}

.CategoryPagination .PagingList li {
    display: inline;
    padding: 0 5px;
}

/* Quick Search */
.QuickSearch {
    margin: 0;
    padding: 0;
    text-align: left;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid #BFBFBF;
}

.QuickSearchTitle td,
.QuickSearchAllResults td {
    font-weight: bold;
    padding: 4px;
    font-size: 11px;
}

.QuickSearchResult td {
    font-size: 11px;
    padding: 8px;
    cursor: pointer;
}

.QuickSearchResultImage {
    margin-left: 4px;
    margin-right: 10px;
    text-align: center;
}

.QuickSearchResultNoImage {
    padding-top: 10px;
    color: #777;
}

.QuickSearchResultName {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

.QuickSearchResultName a {
    font-weight: bold;
    text-decoration: none;
}

.QuickSearchResult .Price {
    font-size: 11px;
}

.QuickSearchHover td {
    background: #E8F4F8;
}

.QuickSearchHover a {
    text-decoration: underline;
    font-weight: bold;
}

.QuickSearchAllResults td {
    text-align: right;
    height: 25px;
}

.QuickSearchAllResults a {
    text-decoration: underline;
}

.QuickSearchAllResults a:active,
.QuickSearchAllResults a {
    outline: none;
    -moz-outline-style: none;
}

/* Brand Tag Clouds */
.BrandCloud .smallest {
    font-size: 12px;
}

.BrandCloud .small {
    font-size: 15px;
}

.BrandCloud .medium {
    font-size: 18px;
}

.BrandCloud .large {
    font-size: 20px;
}

.BrandCloud .largest {
    font-size: 26px;
}

.BrandCloud a {
    padding-right: 5px;
}

.DownloadExpires {
    padding-top: 3px;
    font-style: italic;
    color: gray;
}

.DownloadExpiresToday {
    color: red;
}

.CheckoutRedeemCoupon h4 {
    margin-top: 0;
}

.CheckoutRedeemCoupon p {
    margin-top: 10px;
    margin-bottom: 0;
}

.BillingDetails {
    float: left;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 15px;
}

.ShippingDetails {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}

.ProductDetailsGrid dt {
    width: 140px;
    margin-bottom: 6px;
    float: left;
    font-weight: bold;
}

.ProductDetailsGrid dd {
    margin-left: 145px;
    margin-bottom: 6px;
}

.SubCategoryList {
    padding: 4px;
    padding: 3px 25px 0px 40px;
    max-width: 500px;
    text-align: right;

    background:url(../images/2.png) no-repeat;

    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    left: 0;
    float: right;
    height: 30px;
    top: -17px;
    width: 100%;
}

.SubCategoryList ul,
.SubCategoryList li {
    list-style: none;
    margin-left: 0;
}

.SubCategoryList li {
    margin-bottom: 4px;
    padding-left: 15px;
    background: 0;
    /* width: 68px; */
    float: left;
}

.SearchTips .Examples {
    background: lightyellow;
    padding: 8px;
    border: 1px solid #aaa;
    color: #555;
    margin-left: 30px;
    margin-bottom: 10px;
}

.PrimaryProductDetails .ProductThumb p {
    margin-top: 10px;
    font-size: 0.9em;
}

.ProductReviewList {
    clear: both;
}

.SortBox select {
    font-size: 0.9em;
}

.SortBox option {
    color: #444;
}

.YourAccount li {
    margin-bottom: 8px;
}

.SoldOut {
    color: #999;
}

.RemoveFromWishlistForm {
    margin: 5px;
}


.ShippingProviderList {
    list-style: none;
}

small {
    font-size: 11px;
    color: gray;
}

.HowToPay {
    margin-bottom: 10px;
}

.ProductList em,
.ProductList .Rating {
    display: block;
}

.GoogleCheckout p,
.PayPalExpressCheckout p,
.AlternativeCheckout p {
    margin: 0;
    font-size: 90%;
}

.GoogleCheckout,
.PayPalExpressCheckout,
.AlternativeCheckout {
    text-align: center;
    margin-bottom: 10px;
}

.KeepShopping {
    width: 180px;
    clear: both;
    text-align: right;
}

/** Top Right Locale Chooser (list of flags) **/
#TopMenu li.Flag {
    float: right;
}

#TopMenu li.Flag div {
    border: 0;
}

#TopMenu li.Flag img {
    margin: 3px;
}

#TopMenu li.Flag img.Last {
    margin-right: 0px;
}

#TopMenu li.Flag img.Selected {
    border: 2px solid #ffffaa;
    margin: 1px 3px;
}

/** Currency Selector **/
.CurrencyList dl {
    margin: 0;
    padding: 0;
}

.CurrencyList dd {
    padding: 0px;
    margin: 0px;
    border: 1px solid #EDECEC;
    background-color: #F9F9F9;
    clear: both;
}

.CurrencyList a {
    padding: 0 3px 0 5px;
    display: block;
    line-height: 1.8;
    text-decoration: none;
    font-size: 11px;
}

.CurrencyList a.Sel {
    background-color: #FFFFAA;
}

.CurrencyList a:hover .Text {
    text-decoration: underline;
}

.CurrencyList a .Flag {
    margin-top: 4px;
    display: block;
    float: left;
    width: 24px;
    padding-right: 2px;
    vertical-align: middle;
}

.CurrencyList a .Text {
    display: block;
    padding-left: 24px;
}

.PrimaryProductDetails .YouSave {
    font-weight: bold;
    margin-top: 3px;
    display: block;
}

/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: normal;
    width: 320px;
    padding: 7px;
    float: right;
}

.EstimateShipping dt {
    width: 100px;
    float: left;
    margin-bottom: 8px;
    clear: left;
}

.EstimateShipping dd {
    margin-bottom: 8px;
    font-weight: normal;
    text-align: left;
    margin-left: 114px;
}

.EstimateShipping p.Submit {
    margin-top: 10px;
    margin-bottom: 3px;
}

.EstimateShipping label {
    display: block;
    margin-bottom: 5px;
}

.EstimatedShippingMethods {
    text-align: left;
}

.EstimatedShippingMethods table {
    width: 100%;
    border-collapse: collapse;
}

.EstimatedShippingMethods .VendorShipping {
    margin-left: 20px;
    margin-bottom: 10px;
}

.EstimatedShippingMethods .Submit {
    text-align: right;
}

.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td {
    text-align: left;
}

.CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price {
    text-align: right;
}

.SharePublicWishList {
    background-color: lightyellow;
    padding: 5px;
    border: 1px solid #CDDEE2;
}

/* Express Checkout */
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    position: relative;
    padding: 6px;
    margin-bottom: 10px;
}

.ExpressCheckoutBlock h3 a {
    font-size: 12px;
}

.ExpressCheckoutBlock {
    padding-top: 6px;
}

.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
    display: none;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display: none;
}

a.ChangeLink {
    position: absolute;
    right: 15px;
}

.ExpressCheckoutBlock a.ChangeLink {
    display: none;
}

.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline;
}

.ExpressCheckoutCompletedContent {
    position: absolute;
    left: 250px;
}

.LoadingIndicator {
    margin-left: 10px;
}

.LoadingIndicator img {
    vertical-align: middle;
    margin-right: 10px;
}

#TopMenu li.HeaderLiveChat {
    float: right;
}

#TopMenu li.HeaderLiveChat div {
    border-left: 0;
}

.HeaderLiveChat img {
    vertical-align: middle;
}

#ProductOtherDetails .ProductDetailsGrid {
    margin-left: 25px;
}

.SubCategoryListGrid {
    padding: 4px;
}

.SubCategoryListGrid ul,
.SubCategoryListGrid li {
    list-style: none;
    margin-left: 0;
}

.SubCategoryListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}

.SubCategoryListGrid ol {
    clear: both;
}

.SubBrandList {
    padding: 4px;
}

.SubBrandList ul,
.SubBrandList li {
    list-style: none;
    margin-left: 0;
}

.SubBrandList li {
    margin-bottom: 4px;
    padding-left: 25px;
    background: url('../../default/images/SubBrand.gif') no-repeat 3px 1px;
}

.SubBrandListGrid {
    padding: 4px;
}

.SubBrandListGrid ul,
.SubBrandListGrid li {
    list-style: none;
    margin-left: 0;
}

.SubBrandListGrid li {
    margin-bottom: 4px;
    padding: 10px;
    margin-left: 10px;
    background: #fff;
    float: left;
    text-align: center;
}

.SubBrandListGrid ol {
    clear: both;
}

.ProductAddToCart dt div.Required,
#CartEditProductFieldsForm dt div.Required {
    margin-left: -10px;
}

.ProductAddToCart input.Textbox,
#CartEditProductFieldsForm input.Textbox {
    width: 181px;
}

.ProductAddToCart textarea,
#CartEditProductFieldsForm textarea {
    width: 183px;
    height: 50px;
}

.ProductFields dd {
    margin-bottom: 4px;
    float: left;
    margin-left: 20px;
}

.ProductFields {
    margin-bottom: 15px;
}

.ProductFields input.Textbox {
    width: 100%;
}

.ProductFields TextArea {
    width: 100%;
}

.CartContents .CartProductFieldsLink {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
}

.CartContents .CartProductFieldsRow {
    border-top: 0;
}

.CartContents .CartProductFieldsRow dl {
    margin-top: 15px;
}

p.QuantityInput,
p.AddCartButton {
    text-align: center;
}

.ProductAddToCart dt.QuantityInput {
    margin-top: 4px;
}

.ProductAddToCart dd.AddCartButton span {
    margin-top: 4px;
    padding-right: 5px;
}

.ProductActionAdd {
    display: block;
    margin-top: 3px;
}

.ProductActionAdd a,
.ProductActionAdd strong a {
    text-decoration: underline;
}

.TagList {
    margin-top: 20px;
}

.CartThumb {
    text-align: center;
    width: 1px;
}

.WrappingOptions {
    font-size: 11px;
    color: #666;
    margin-top: 6px;
    padding-left: 22px;
    background: url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
    padding-bottom: 4px;
    line-height: 1.6;
}

.ViewAllLink a {
    padding-top: 10px;
    display: block;
}

.SelectGiftWrapMultiple {
    max-height: 400px;
}

/* Tabbed Navigation */
.TabNav,
.TabNav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.TabNav {
    font-size: 11px;
    margin-bottom: 10px;
    padding: 6px 4px 6px 4px;
}

.TabNav li {
    display: inline;
}

.TabNav li a {
    position: relative;
    top: 2px;
    font-size: 12px;
    padding: 4px 6px;
    margin-right: 3px;
    margin-top: 3px;
    text-decoration: none;
}

.TabNav li a:hover {
    text-decoration: none;
}

.TabNav li.Active a {
    margin-top: 0px;
    padding-top: 7px;
    font-weight: bold;
}


.ProductAddToCart dd.AddCartButton div.BulkDiscount {
    display: inline-block;
    float: left;
}

.ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {
    padding-left: 4px;
}

#VendorLogo .BlockContent,
#VendorPhoto .BlockContent {
    margin: 0;
    text-align: center;
}

.headerImg{
	position:absolute;
	overflow:hidden;
	/* border:1px solid red; */
	top:0;
	left:15px;
	height:170px;
	z-index:-1;
}
.headerImg img{
	width:100%;
	min-height:170px;

}

.TransitTime {
    font-weight: normal;
    color: gray;
}

.Content .ProductList.List li {
    margin: 0;
    margin-top: 10px;
    display: block;
    width: auto;
    float: none;
    padding: 6px;
    /*min-height: 0;*/
    height: auto !important;
    background-image: none;
}

.Content .ProductList.List .ProductImage {
    margin: 0 !important;
    padding: 0px;
    margin-right: 15px;
    float: left;
    background-image: none;
    width: 40%;
  	height:220px!important;
}
.oddview{
display:flex!important;
}
.iMage{
	width:35%!important;

}
.iMage img{
	width:100%;
    height: auto;

}
.prdetails{
	padding:0!important;
}
.scription{
	max-width:100%!important;
}
.Content .ProductList.List .ProductDetails {
    height: auto;
    display: block;
    clear: none;
    width:60%;
    padding: 0px;
    padding-left: 18px;
    margin: 0px;
    margin-left: 135px!important;
    text-align: left;
    background-image: none;
}

.Content .ProductList.List .ProductQty {
    margin-left: 10px;
}

.Content .ProductList.List .ProductDescription {
	margin:0;
    font-size: 15px;
    font-style: inherit;
    padding-left: 15px;
    font-weight: 600;
    max-width: 75%;
    overflow: hidden;
	text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px;
    -webkit-line-clamp: 3;
}

.Content .ProductList .ProductRightCol {
    float: right;
}

.Content .ProductList.List li .ProductCompareButton {
    text-align: left;
    margin-top: 10px;
}


.OrderItemMessage {
    background-color: #fff1a8;
    padding: 7px;
    margin: 10px 0px 10px 0px;
}

/* Custom Fields - Start */

.LittleNotePassword {
    color: gray;
    font-size: 0.85em;
    padding: 2px 0px 2px 0px;
}

.RequiredClear {
    visibility: hidden;
}

/* Custom Fields - End */

/* Product Details */
.ProductDetailsGrid .DetailRow {
    clear: left;
    margin-top: 6px;
    padding-left: 140px;
}

.ProductDetailsGrid .Label {
    margin: 0 0 6px -140px;
    float: left;
    width: 130px;
    font-weight: bold;
    padding-top: 1px;
    display: inline;
    position: relative;
    text-align: right;
}

.ProductDetailsGrid .Value {
    display: inline;
}

.ProductDetailsGrid .Label .Required {
    position: absolute;
    left: -1em;
}

.ProductOptionList ul,
.ProductOptionList li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ProductOptionList li {
    margin-bottom: 3px;
}

.ProductOptionList input {
    vertical-align: middle;
}

/* Product Videos */

#FeaturedVideo,
#VideoList,
#VideoSingle {
    float: left;
}

#VideoList {
    padding-left: 5px;
}

.VideoSeparator {
    clear: both;
}

.videoRow {
    clear: both;
    margin-bottom: 4px;
    display: block;
    height: 75px;
}

.previewImageContainer {
    height: 30px;
    width: 50px;
}

.videoRow img {
    float: left;
    padding-right: 5px;
}

.videoRowTitle {
    font-weight: bold;
}

.videoRowDescription {
    max-height: 50px;
    overflow: hidden;
}

.VideoOverlay {
    background-image: url('../images/VideoOverlay.png');
    background-position: center center;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0;
}

.VideoContentContainer {
    position: relative;
    margin-left: 3px;
    padding-left: 92px;
}

/** If you change the width of the .VideoPreviewSize class below, change the padding-left of the .VideoContentContainer class above **/

.VideoPreviewSize {
    width: 92px;
    height: 69px;
}

.videoRowLength {
    padding-left: 4px;
}

.videoRow,
.videoRowTitle,
.videoRow img,
.videoRowLength {
    cursor: pointer;
}

#VideoList ul {
    position: relative;
    overflow-y: auto;
    padding: 0;
    margin: 0;
    width: 275px;
    height: 265px;
}

#VideoSingle {
    padding-left: 10px;
    width: 275px;
}

#VideoContainer {
    padding: 5px 0 5px 5px;
    height: 265px;
}

.HideElement {
    display: none;
}



.VideoSingleTitle {
    font-weight: bold;
}

.VideoSingleDescription {
    padding-top: 10px;
    overflow-y: auto;
    height: 220px;
    padding-right: 5px;
}

.Left #VideoMiddleContainer,
.Right #VideoMiddleContainer {
    display: none;
}

.Content #VideoSideContainer {
    display: none;
}

#VideoSideContainer ul {
    text-align: center;
}

#VideoSideContainer ul li {
    margin-bottom: 5px;
}

.VideoSideDescription {
    padding: 2px 10px;
}

.VideoImageContainer {
    position: relative;
    float: left;
}


/** Search All Form Result - Start **/
.SearchPaging {
    float: right;
    font-size: 0.95em;
}

.SearchSorting {
    float: right;
    font-size: 0.95em;
    margin: 8px 0px;
}

.SearchSorting select {
    font-size: 0.95em;
}

#SearchResultsCategoryAndBrand {
    margin: 5px;
    padding: 5px;
}

.ContentList em,
.QuickSearchResultMeta em {
    font-size: 0.8em;
}

/** Search All Form Result - End **/

/** AJAX loading box - Start **/

#AjaxLoading {
    display: none;
    text-align: center;
    background: #FCF5AA;
    width: 180px;
    z-index: 10000000000;
    padding: 5px 10px;
}

#AjaxLoading img {
    vertical-align: bottom;
    margin-right: 5px;
}

/** AJAX loading box - End **/
#ProductDetails #ImageScrollPrev,
#ProductDetails #ImageScrollNext {
    float: left;
    background: none;
    border: none;
    margin-top: 16px;
    cursor: pointer;
    display: none;
}

#ProductDetails .ProductTinyImageList {
    /* float: left; */
    margin-top: 10px;
    white-space: nowrap;
    width: fit-content;
    overflow: hidden;
    margin-left: auto;
}

#ProductDetails .ProductTinyImageList ul li {
    width: 40px;
    height: 30px;
    overflow: hidden;
    float: left;
    margin-left: 3px;
    border: 1px solid gray;

}


#ProductDetails .ProductTinyImageList ul li div {
    display: table-cell;
    text-align: center;
}

#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
    border: 2px solid white;
}

#ProductDetails .ProductTinyImageList ul {
    margin: 0pt;
    padding: 0pt;
    position: relative;
    list-style-type: none;
    white-space: nowrap;
    width: auto;
}

#ProductDetails .ProductThumbImage {
    height: auto !important;
    width: 100% !important;
    overflow: hidden;
    margin: auto;
}

#ProductDetails .ProductMain .OutOfStockMessage {
    clear: left;
}

.carousel {
    position: relative;
    visibility: hidden;
    left: -5000px;
    width: 180px;
}

/* Category flyout styles (structural) */

/* Menu containers */
#SideCategoryList .sf-menu,
#SideCategoryList .sf-menu ul,
#SideCategoryList .sf-menu li {
    width: 140px;
    /* the width must be fixed to the use of floats */
}

/* Menu links */
#SideCategoryList .sf-menu a {
    padding: 4px 8px 4px 8px;
    width: 124px;
    /* this + paddings must equal the root width above for hovers to work */
}

/* Child override: menu containers */
#SideCategoryList .sf-menu ul {
    left: 140px;
}

/* Child override: menu links */
#SideCategoryList .sf-menu ul a {
    padding: 4px 8px 4px 8px;
    width: 124px;
    /* this + paddings must equal the child width above for hovers to work */
}

/* End: category flyout styles */

.course .ProductThumb {
    display: none !important;
}

.course .ProductMain {
    display: none !important;
}

.course div#ProductDetails h2 {
    border-bottom: 4px solid #4ba239;
    /* font-family: microsoft jhenghei; */
}

body.course #ProductDescription table h2 {
    color: #0b4922;
}

body.course #ProductDescription table h3 {
    color: #1a542f;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 11px;
}

body.course #ProductDescription table:nth-child(n+3) td {
    border-top: 3px solid #61ad51;

}

body.course #ProductDescription table:nth-child(n+2) td {

    padding: 45px 40px;
}


body.course #ProductDescription table:nth-child(n+2) td p {
    line-height: 28px;

}

.register {
    background: #094a22;
    color: #fff !important;
    padding: 10px 20px;
    border: 4px solid #fff;
    width: 106px;
    margin: 30px 0;
    box-shadow: 0px 0px 0px 1px #094a22;
}

.register_submit {
    background: #094a22;
    color: #fff !important;
    padding: 10px 20px;
    border: 4px solid #fff;
    width: 106px;
    margin: 30px 0;
    box-shadow: 0px 0px 0px 1px #094a22;
}

.form {
    border-top: 3px solid #61ad51;
    padding: 45px 40px;
}
.canjia>h3{font-size: 36px;color: #0a4826;}
.canjia>h3>span{font-size: 26px;color: #4c9b3a;}
.canjia-left,.canjia-right{width: 47.5%;float: left;}
.canjia-right{margin-left: 5%;}
.canjia-left>li{margin-bottom: 10px;}
.canjia-left>li>div>p{color: #4c9b3a;display: inline;}
.canjia-left>li>div{color: #0a4826;font-size: 20px;font-weight: bold;}
.canjia-left>li>div>span{color: #61585b;font-size: 70%;font-weight: 400;}
.canjia-left>li input,.canjia-right>li>select{width: 100%;height: 45px;border:2px solid #999;background-color: #f7f8f8;font-size: 20px;color: #0a4826;padding-left:5px; }
.canjia-right>li{color: #0a4826;font-size: 20px;font-weight: bold;}
.canjia-right>li>span{display: inline-block;width: 23%;}
.canjia-right>li>label>input{opacity: 1;width: 20px;height: 20px;}
.canjia-right>li>span>p{display: inline;color: #4c9b3a;}
.canjia-right>li>select{height: 40px;width: 75%;text-align:center;text-align-last: center;}
.canjia-right>li>select>option{color: #0a4826;text-align: center;text-align-last: center;width: 100%;}
.canjia-right>li{margin-top: 11px;}
.tiaokuan{clear: both;padding-top: 1px;}
.tiaokuan h3{font-size: 20px;margin-top: 30px;}
.tiaokuan p{font-size: 18px;color:#585757;font-weight: 700;}
.span-checkbox{width: 23px;height: 23px;background-color: #fff;border:1px solid #585757;display: block;font-family: "Microsoft YaHei";text-align: center;line-height: 21px;cursor: default;float: left;margin-top: 4px;}
.tiaokuan-submit >div> input{width: 100px;height: 40px;color: #fff;font-size: 16px;background-color: #0e4728;display: block;border:none;margin:3px 0 0 3px;cursor: pointer;}
.tiaokuan-submit>div{width: 108px;height: 48px;background-color: #fff;border:1px solid #0e4728;margin:0 auto;}
.span-checkbox1{width: 62%;height: 60%;margin: 19% 0 0 20%;background-color: #8fc31f;display: block;display: none;}

.form form {
    /* max-width: 400px; */
    /* margin: 0 auto; */
}

.form form h3 {
    color: #094a22;
    font-weight: bold;
  /*   margin: 26px 0; */
}

.form form h3 span.small {
    font-size: 18px;
    margin-left: 6px;
    font-weight: bold;
    color: #61ad51;
}

.form .label {
    width: 140px;
    float: left;
}

.form .group {
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}

.input {
    float: left;
    width: calc(100% - 150px);
}

.input input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px 10px;
	
}

.input select {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px 0;
}



.input input[type=radio] {
    width: auto;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-right: 7px;
}



.notice {
    margin-top: 30px;
}

.tubiao li {
    float: left;
    background-color: #fff;
}


.visible-xs{
    display: none;
}
@media (max-width: 767px) {

.canjia>h3{font-size: 36px;color: #0a4826;}
.canjia>h3>span{font-size: 26px;color: #4c9b3a;}
.canjia-left,.canjia-right{width: 95%;float: left;}
.canjia-right{margin-left: 0;}
.canjia-left>li{margin-bottom: 10px;}
.canjia-left>li>div>p{color: #4c9b3a;display: inline;}
.canjia-left>li>div{color: #0a4826;font-size: 20px;font-weight: bold;}
.canjia-left>li>div>span{color: #61585b;font-size: 70%;font-weight: 400;}
.canjia-left>li input,.canjia-right>li>select{width: 100%;height: 45px;border:2px solid #999;background-color: #f7f8f8;font-size: 20px;color: #0a4826;padding-left:5px; }
.canjia-right>li{color: #0a4826;font-size: 20px;font-weight: bold;}
.canjia-right>li>span{display: inline-block;width: 40%;display: block;}
.canjia-right>li>label>input{opacity: 1;width: 20px;height: 20px;}
.canjia-right>li>span>p{display: inline;color: #4c9b3a;}
.canjia-right>li>select{height: 40px;width: 100%;text-align:center;text-align-last: center;display: block;}
.canjia-right>li>select>option{color: #0a4826;text-align: center;text-align-last: center;width: 100%;}
.canjia-right>li{margin-top: 11px;}
.tiaokuan{clear: both;}
.tiaokuan h3{font-size: 20px;}
.tiaokuan p{font-size: 18px;color:#585757;font-weight: 700;}
.span-checkbox{width: 23px;height: 23px;background-color: #fff;border:1px solid #585757;display: block;font-family: "Microsoft YaHei";text-align: center;line-height: 21px;cursor: default;float: left;}
.tiaokuan-submit >div> input{width: 100px;height: 40px;color: #fff;font-size: 16px;background-color: #0e4728;display: block;border:none;margin:3px 0 0 3px;cursor: pointer;}
.tiaokuan-submit>div{width: 108px;height: 48px;background-color: #fff;border:1px solid #0e4728;margin:0 auto;margin-top: 4px;}
.span-checkbox1{width: 62%;height: 60%;margin: 19% 0 0 20%;background-color: #8fc31f;display: block;display: none;}


	.headerImg{
		display: none!important;  
	}
    .pc{
      display: none!important;  
    }
    .photo{
        display: block!important;
    }
    .ph-img{
        display: none!important;
    }
    .tetx-lists{
        display: none!important;
    }
    .photo .image{
    width:100%!important;
    height: auto!important;
    }
  .visible-xs{
    display: block !important;
  }
.container {
    width: 100%!important;
    padding-right: 0!important;
    padding-left: 0!important;
    margin-right: auto!important;
    margin-left: auto!important;
}
.mobile_f0{
    width: 100%;
    height: auto;
    margin-top: 65px;
}
.mobile_f0 .zxzf_tit{
        padding: 0 1em;
    font-size: 1.1em;
    font-weight: 700;
    /* font-family: "微軟正黑體","Microsoft JhengHei"; */
    margin-bottom: 0;
    color: #0b4922;
}
.mobile_f1{
    width: 100%;
    height: auto;
}
.mobile_f1 .mobile_f1_1{
    width:100%;
    height:auto;
    margin-bottom: 1.5em;
}
.mobile_f1 .mobile_f1_1 .image img{
    width:100%;
    height:auto;
}
.mobile_f1 .mobile_f1_1 .title{
    color: #fff;
    font-size: 20px;
    padding: 0 25px 0 10px;
    max-width: 135px;
    text-align: right;
    /*background: linear-gradient(240deg, transparent 15px, #0b4922 0);*/
    background: url(../images/3.png) no-repeat;
    background-size: auto 100%;
    background-position: right;
    
   /* background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    left: 0;
    margin-bottom: 0.54em;
    width: 225px;
    height: 0px;
    border-left: 0px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 31px solid #0b4922;*/
}
.mobile_f1 .mobile_f1_1 .content p{
    width: 100%;
    height: auto;
    padding: 0.2em 0.5em;
    font-size: 1.3em;
    color: #111;
    margin-bottom: 0;
}
.mobile_footer{
    width:100%;
    height: auto;
    text-align: center;
    margin-top: -35px;
}
.mobile_footer ul{
    /* margin-left: ; */
    margin: 0;


}
.mobile_footer ul li{
    width: 33.3%;
    height: auto;
    display: inline-flex;
    text-align: center;
    

}
.mobile_footer .ter-info {
    padding: 20px 0;
}
.footer-info {
  padding-top: 83px;
}
.mobile_footer #Menu {
    clear: both;
    padding: 0;
    height: auto;
    border-top: 0;
    border-bottom:0;
    position: relative;
}
.find_nav {
    width: 100%;
    height: 30px;
    background-color: #f9f9f9;
    position: relative;
    top: 0;
    z-index: 9999;
    border-bottom: 1px solid #ddd;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}
.find_nav_left {
    height: 30px;
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.find_nav_list {
    position: absolute;
    left: 0;
}
.find_nav_list ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
    margin-left: 0;

}
.box01_list{
    margin: 0;
}
.find_nav_list ul li {
    display: inline-block;
    padding: 0;
    margin:0 20px;
}
.find_nav_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color:#4BA239;
    font-weight: 700;
}
.find_nav_cur a {
    color: #48a5f4 !important;
}
.find_nav_list a.active{ color:#655c89 !important;border-top: solid 2px #655c89;}
.sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 2px;
    background-color: #48a5f4;
    left: 0;
    top: 68px;
    pointer-events: none;
}
.li_list{ min-height:800px; font-size:40px;  color:#fff; text-align:center}
.swipe{ 
  width: 100%;
  height: auto;
}

.mobile_f8 h4{
    color: #fff;
    font-size: 20px;
    padding: 6px 41px 6px 18px;
    max-width: 239px;
    text-align: right;
    background: linear-gradient(240deg, transparent 20px, #4ba239 0);
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
    display: inline-block;
    font-weight: 700;
}
.li_list p{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.li_list p img{
    width: 100%;
    height: auto;
}
.li_list p a{

}
.li_list p span{
    width: 100%;
    line-height: 20px;
    display: block;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    margin: 7px 0;
    padding: 0 5px;
}
.li_list p i{
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #777;
    font-style: normal;
    text-align: left;
    display: block;
    padding: 0 5px;
}
a#f3-2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

}





@media screen and (max-width:767px) {
	#Header{
		padding: 36px 0 0 0;
	}

		.detailsBox{
		display:block!important;
		margin:40px 0 0 0; 
	}

}


.paymentMethod{
    overflow: hidden;
	padding: 0 10%;
}
.paymentMethod .ulBox{
    overflow: hidden;
}
.paymentMethod .ulBox ul{
    margin: 0;
}
.paymentMethod .ulBox ul li{
    display: inline-block;
    vertical-align: top;
    color: #fff;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 0 40px 0 0;
    cursor: pointer;
	text-align: center;
    padding: 0;
    position: relative;
    background-color: #ccc ;
}
.paymentMethod .ulBox ul .this{
    background: #4ba239;
}
.paymentMethod .text  {
    color: #0a4922;
    font-size: 21px;
    margin-bottom: 20px;
}
.paymentMethod .ulBox ul li a{
    color: #fff;
    padding: 0;
    display: block;
    overflow: hidden;
    text-decoration: none;
}
.paymentMethod .ulBox ul li input{
    border: 1px solid red;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
	   cursor: pointer;
}
.paymentMethod .ulBox2{
    overflow: hidden;
    padding: 0 10%;
    margin: 20px 0;

}
.paymentMethod .ulBox2 ul{
    margin: 0;
}
.paymentMethod .ulBox2 ul li{
    display: block;
    overflow: hidden;
    display: none;
	/* min-height:220px; */
}
.paymentMethod .ulBox2 ul li .lit{
    overflow: hidden;
    margin: 0 0 15px 0;
}
.paymentMethod .ulBox2 ul li .lit .sp1{
    color: #000;
    font-weight: 700;
}
.paymentMethod .ulBox2 ul li .lit .sp2{
    font-weight: 600;
    color: #0b4922;
}
.paymentMethod .ulBox2 ul li .lit img{
    width: 120px;
    height: 120px;
}
@media screen and (max-width:767px) {
    .paymentMethod .ulBox ul li{
        width: 80px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
        margin: 0 5px;
    }
}