@charset "utf-8";
/* CSS Document */
button:focus,
button:active:focus,
button.active:focus,
button.focus,
button:active.focus,
button.active.focus {
    outline: none;          
}
.headtoppart {display: block; width: 100%;background-color: #FFF;margin: 0px auto;padding: 0px 0px;min-width: 320px; }
.headerwp {max-width: 1320px;margin: 0 auto;padding: 0px 15px 0px 15px;border-bottom: solid 1px #FFF;height: 30px;}
.headertopleft {width: 50%;float: left;}
.headertopright {width: 50%;float: right;text-align: right;}
.headertopright a {line-height: 30px;color: #5f5f5f;font-size: 14px;padding: 0px 12px;float: right;}
.headertopright a:hover {
    background-color: #272B37;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
 }
.headertopright a.facebookicon:hover {background-color: #3b5998;color: #fff;}
.headertopright a.twittericon:hover {background-color: #55acee;color: #fff;}
.headertopright a.linkedinicon:hover {background-color: #0077b5;color: #fff;}
.headertopright a.googleicon:hover {background-color: #dd4b39;color: #fff;}
.company {padding: 5px 0px 0px 0px;font-size: 13px;color: #b6b6b6;}
.mobiletext02 {display: none;}

/*top-form補充*/
.top-form i.ca{font-size:20px}

.a2a_kit a:hover img {
  opacity: .5;
  filter: alpha(opacity=50)
}
.a2a_kit a img, .neffect1 {
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all
}


/*cart*/
/*.cartbox{line-height:25px;}
.cartbox h1{ font-size:24px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#000 solid 1px;}*/
.onsaleboxwd {
    font-size: 14px;font-weight:800;
    display: inline-block;  border: 1px solid #9F1E23;
    padding: 0 10px 0 0;  margin-bottom: 10px;
	margin-top:0px;	color:#9F1E23;
}
.onsaleboxwd span {
    display: inline-block;
    padding: 3px 6px;   margin-right: 10px;
    background: #9F1E23;  color: #FFF
}
.oswd{ display:inline-block; background:#C00; color:#FFF; padding:0px 3px 0px 3px; margin-right:5px}




.myindexbox{max-width:1320px; margin: 0px auto; padding: 0px;}
.myindexbox_fixed{padding-top: 74px;}

.header_fixed,.header_h_fixed{position:fixed; top:0px; left:0px;z-index: 100;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.master-slider_fixed{padding-top: 74px;}
.wsmainfull_fixed{box-shadow: 0 1px 4px rgba(0,0,0,.5);	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);background-color: rgba(255,255,255,.95);}

.header_h_fixed .desktoplogo {width:160px;}
.header_h_fixed.wsmainfull {height: 60px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>a {padding: 21px 4px 17px 4px;}
.header_h_fixed .wsmenu>.wsmenu-list>li span.myRicon {padding: 17px 3px 15px 3px;}
.header_h_fixed .wsmenu>.wsmenu-list>li span.myRicon3 {padding-right: 12px}
.header_h_fixed .wsmenu>.wsmenu-list>li span.carticon em.roundpoint {top: 13px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>ul.sub-menu {top: 60px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>a:after { bottom: 0px;}
.header_h_fixed .wsmenu>.wsmenu-list>li>a i{bottom: 5px; transform: translate(-44%,-5px);transform: scale(.7);}
.header_h_fixed .wsmenu>.wsmenu-list>li:hover>a i,.header_h_fixed .wsmenu>.wsmenu-list>li>a:hover i {bottom: -1px; left: 50%; transform: translate(-50%,1px); transform: rotate(180deg);}
.header_h_fixed .wsmenu>.wsmenu-list>li a.active i {bottom: -1px;left: 50%;transform: translate(-50%,1px);transform: rotate(180deg);}

.dabout{padding:120px 20px;}
.dh1{font-size:24px; color:#1991EB; font-weight: 800; padding-bottom: 20px;}
.dabout .content{max-width: 800px; margin: 10px auto;}

/*dzsparallaxer*/
.small-highlight{border-top: 1px solid #FFF;}
.divimage{-webkit-filter:brightness(.7);}
.stitle{color:#DBD777; font-size:16px; font-weight: 600;}
.iiright{padding: 0px 50px !important;}

.wrapperm{ max-width:1160px; margin:0 auto; min-width:320px; padding:0px 10px 20px 10px; font-size:14px;}
/*info, member*/
.cLbox, .mLbox, .nnLbox{ width:120px; float:left;}
.cbLbox{ width:150px; float:left;}
.cRbox, .mRbox, .mdRbox{ margin-left: 150px; font-size:15px; line-height:25px;overflow: hidden; padding-left:5px;}
.cRbox h1{ font-size:24px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#E1E1E1 solid 1px;}
.mRbox h1{ font-size:24px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#000 solid 1px;}
.mdRbox h1{ font-size:20px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#000 solid 1px;}

.cLbox ul{ list-style-type:none;}
.cLbox ul li{ padding:10px 0px 10px 0px;}
.cLbox ul li a{ color:#626A70; text-decoration:none;}
.cLbox ul li a:hover{color:#333D46; text-decoration:none; font-weight:600;}

/*d hot pd*/
.d_hot_title{ background: url(../images/d_hot_line.png) center left repeat-x; text-align:center; margin:50px 0px 0px 0px;}
.d_hot_title .dntitle{ display:inline-block; padding:10px 30px 10px 30px; background:#FFF; position:relative;}
.d_hot_title .dntitle .dh1{ color:#000000; font-size:30px; font-weight:500; padding-bottom:10px;}
.d_hot_title .dntitle .dh2{ color:#000000; font-size:20px; font-weight:600;}


.mobilemenu{position:fixed; left: 50px;top:10px;}
.mobilemenu a{display:inline-block; width:40px; height:30px; text-align: center; color:#666;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mobilemenu a i{font-size:20px;webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.mobilemenu a:hover{color:#768A37}
.wsactive .mobilemenu{display:none;}

.lang{ text-align: right; padding: 5px 10px 0px 0px;}
.lang i{color:#666; margin-right: 5px}
.lang a{color:#666; font-weight: 600;}
.lang a:hover{color:#B22D00; text-decoration: none}


/*index*/
.myindex{}
.myindex ul { padding: 10px 15px; }
.myindex ul li { padding: 5px 4px 5px 0; display: inline-block; font-size: 12px}
.myindex ul li a { color: #333; font-size: 12px}
.myindex ul li a:hover { text-decoration: none; color: #000}
.myindex i { padding-right: 5px; font-size: 14px}

.ctitle{ border-bottom:#D3D3D3 dotted 1px; padding-bottom:15px;}
.ctitle h2{font-size:24px; font-weight:600; padding-bottom:20px; margin:0}
.ctitle .ndate{ font-size:13px; color:#9797A6;}
.ctitle .button{ font-size:14px;}
.ctitle .button .btn, .backbtn{
	height: 25px;
	overflow: hidden;
	margin: 0px 0 0 0px;
	padding: 0 10px;
	outline: none;
	border: 0;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	background:#698C00;
	border-radius:25px;
	line-height:20px;transition:0.5s all;	-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.ctitle .button .btn:hover, .backbtn:hover{background:#4C6600;}

/*info, member*/
.mLbox{ width:120px; float:left;}
.mRbox{ margin-left: 150px; font-size:15px; line-height:25px;}
.mRbox h1{ font-size:24px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#000 solid 1px;}

.mLbox ul{ list-style-type:none; font-size:14px;font-weight:600;}
.mLbox ul li{ padding:10px 0px 10px 0px;}
.mLbox ul li a{ color:#626A70; text-decoration:none;}
.mLbox ul li a:hover{color:#333D46; text-decoration:none; font-weight:600;}
@media only screen and (max-width: 900px) {
	.mLbox, .mRbox{ padding-top:20px;}
}
@media only screen and (max-width: 768px) {
	.mLbox{ float:none; width:100%;}
	.mRbox{ margin-left: 0px; font-size:15px; line-height:25px;padding-top:0px;}
	.mLbox ul{ list-style-type:none; text-align:left; margin-bottom:20px;}
	.mLbox ul li{display:inline-block;}
	.mLbox ul li a{ color:#626A70; text-decoration:none; font-size:15px; border:#999 solid 1px; height:30px; line-height:27px; width:80px; display:inline-block; text-align:center;}
	.mLbox ul li a:hover{color:#333D46; text-decoration:none; font-weight:600;}
    .cLbox{ display:none;}
    .cRbox{ margin-left: 0px;}
}





.product-price {
	font-size: 20px;
	color: #C11E32;
	font-weight: 800;
    text-align: center;
}

.product-price span.nt:before {
	content: "$";
	display: inline-block;
	font-size:14px;
	padding-right: 5px;
}

.product-price .pdprice, .product-price .pdprice2 {
  display: inline-block;
  font-size: 16px;
  position: relative;
  padding: 0 3px 3px;
  margin: 0 5px;
  font-weight: 600;
}
.product-price span.pdprice  {
  font-size: 14px;
  color: #666
}
.product-price span.pdprice2 {
  font-size: 20px;
  color: #C11E32
}
.product-price .pdprice {
  color: #666
}
.product-price .pdprice2 {
  color: #C11E32
}
.product-price .pdprice .delline {
  display: inline-block;
  padding: 0;
  background: url(../images/price-del-line.png?v=2) top left repeat-x;
  height: 2px;
  position: absolute;
  top: 8px;
  left:0px;
  width: 100%
}

* + .product-price {
	margin-top: 2px;
}

.product-price.sale-price span {
	padding: 0 3px;
}

.product-price.sale-price span:first-of-type {
	color: #ff596d;
}

.product-price.sale-price span:last-of-type {
	position: relative;
	display: inline-block;
	color: #888;
	font-size: 18px;
}

.product-price.sale-price span:last-of-type:after {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	border-top: 1px solid;
	content: "";
	display: inline-block;
}

/*
*
* Tabs
* --------------------------------------------------
*/
.tabs-custom .nav-custom > li, .tabs-custom .nav-custom > li > a {
	display: block;
	position: relative;
}

.tabs-custom .nav-custom-tabs {
	font-size: 0;
	line-height: 0;
}

.tabs-custom .nav-custom-tabs li {
	margin: -1px 0;
}

.tabs-custom .nav-custom-tabs li + li {
	margin-top: -1px;
    margin-left: 1px;
}

@media (min-width: 768px) {
	.tabs-custom .nav-custom-tabs li + li {
		margin-top: -1px;
		margin-left: 1px;
	}
}

.tabs-custom .nav-custom-tabs li a {
	position: relative;
	padding: 15px 25px;
	font: 400 14px/20px "Libre Franklin", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	transition: .3s all ease;
	background-color: #333;
}

.tabs-custom .nav-custom-tabs li a:hover,
.tabs-custom .nav-custom-tabs li.active a {
	background-color: #C11E32;
	color: #fff;
}
.nav-link.active{background:#3F3223 !important;}

@media (max-width: 768px) {
    .nav-link.active{background:#3F3223 !important;}
}
@media (min-width: 768px) {
	.tabs-custom .nav-custom-tabs li a {
		background-color: transparent;
		color: #000;
		padding: 15px 22px;
	}
	.tabs-custom .nav-custom-tabs li a:hover,
	.tabs-custom .nav-custom-tabs li.active a {
		color: #C11E32;
		background-color: transparent;
	}
    
}

.tab-content {
	background-color: transparent;
	padding: 25px 15px 25px;
	border: 1px solid #ececee;
    font-size:14px;
    font-weight: 300 !important;
}

.tab-content ol{
    list-style: decimal;
    padding-left: 30px;
}

.tab-content ol li{
    display: list-item;
}

@media (min-width: 768px) {
	.tab-content {
		padding: 30px 0 30px;
		border: 0;
		border-top: 1px solid #ececee;
	}
	.tab-content p + h5 {
		margin-top: 25px;
	}
}

@media (min-width: 768px) {
	.tabs-custom.tabs-horizontal .nav-custom-tabs {
		position: relative;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.tabs-custom.tabs-horizontal .nav-custom-tabs li a {
		display: block;
		background: #333;
        color:#fff;
	}
	.tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover,
	.tabs-custom.tabs-horizontal .nav-custom-tabs li a.active {
		color: #fff;
		background: #C11E32;
		border-color: transparent;
	}
	.tabs-custom.tabs-horizontal .nav-custom-tabs li a:hover:before,
	.tabs-custom.tabs-horizontal .nav-custom-tabs li a.active:before {
		transform: translate(-50%, 0);
		opacity: 1;
	}
	.tabs-custom.tabs-horizontal .nav-custom__align-left {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.tabs-custom.tabs-horizontal .nav-custom__align-left li:first-of-type a {
		/*padding-left: 0;*/
	}
}

@media (min-width: 768px) {
	.tabs-custom.tabs-vertical {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.tabs-custom.tabs-vertical .nav-custom-tabs {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		max-width: 50%;
	}
	.tabs-custom.tabs-vertical .tab-content {
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding-top: 26px;
	}
	.tabs-custom.tabs-vertical .nav-custom-tabs {
		text-align: left;
	}
	.tabs-custom.tabs-vertical .nav-custom-tabs li.active,
	.tabs-custom.tabs-vertical .nav-custom-tabs li:hover {
		background-color: #e0e0e2;
	}
	.tabs-custom.tabs-vertical .nav-custom-tabs li.active a,
	.tabs-custom.tabs-vertical .nav-custom-tabs li:hover a {
		color: #333;
		background-color: #e0e0e2;
	}
	.tabs-custom.tabs-vertical .nav-custom-tabs li + li {
		margin-top: 12px;
		margin-left: 0;
	}
	.tabs-custom.tabs-vertical .nav-custom-tabs li a {
		display: inline-block;
		text-align: left;
		padding-left: 35px;
	}
}

@media (min-width: 768px) and (min-width: 996px) {
	.tabs-custom.tabs-vertical .nav-custom-tabs li a {
		min-width: 160px;
	}
}

@media (min-width: 768px) {
	.tabs-custom.tabs-vertical .tab-content {
		padding: 26px 55px 25px 30px;
	}
}

@media (min-width: 996px) {
	.tabs-custom.tabs-vertical .nav-custom-tabs {
		min-width: 170px;
	}
}


















/*news*/
.d_news_list{padding:60px 0px 60px 0px; position:relative; overflow:hidden;}
.d_news_list ul{ max-width:800px; margin:0px auto; padding:0px;}
.d_news_list li{ list-style-type:none; width:100%px; border-bottom:#CCC dotted 1px; display:block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}
.d_news_list li.titleli{padding:15px 0px 15px 10px;}

.d_news_list span.content{ color:#20202F; display:inline-table; font-size:16px; font-weight:600;line-height:20px;transition:0.5s all;	-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.d_news_list span.content.date{ width:20%; color:#9797A6; font-weight:normal; font-size:14px;}
.d_news_list span.content.subject{width:78%; display:inline-block; vertical-align: top;}
.d_news_list span.content.subject span{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.d_news_list li.titleli:hover{ cursor:pointer; color:#0059B2; text-decoration: none;}
.d_news_list li:hover span.content.subject, .d_news_list li:hover span.content.date{color:#0059B2;}

.mynewsdetail{padding: 20px;}
.mynewsdetail .ndate{ color:#999; font-size:13px; font-family:Georgia, Times, "Times New Roman", serif;font-style:italic;letter-spacing:1px;}
.mynewsdetail .dot{ font-size:60px; text-align:left; color:#CCC; width:60px; margin:0px auto 30px auto;}
.mynewsdetail h1{ background:#F7F7F7; padding:15px; line-height:30px;display:block; margin-bottom:20px; margin-top:10px; font-size:20px !important;}

.backbtn{
	height: 36px;
	overflow: hidden;
	margin: 0px 0 0 0px;
	padding: 0 20px;
	outline: none;
	border: 0;
	text-decoration: none;
	color:#4C6600;
	border: #4C6600 solid 2px;
	cursor: pointer;
	background:#FFF;
	border-radius:25px;
	line-height:20px;
    font-weight: 600;
	transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.backbtn:hover{background:#4C6600; color:#FFFFFF}



.pdphoto{ float:left; width:45.246%;}
.pdphoto img{width:100%; height:auto;}
.pdinfo{float:right; width:49%; padding-right: 15px;}
.pdinfo h1{ font-size:24px; font-weight:800; font-style:normal; border:none;}
.pdmemo{padding: 20px 0px 10px 0px; font-size:14px; line-height: 25px;}

.snone{overflow-y: hidden;}

.cd-search {
  position:fixed;
  z-index:20001;
  height: 100px;
  width: 100%;
  top: -90px;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  visibility:hidden;
  background: #FFF;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.cd-overlay, .nav-is-fixed .cd-search {
  position: fixed
}
.cd-search form {
  height: 100%;
  max-width: 600px;
  margin: 25px auto
}
.cd-search input {
  border-radius: 0;
  background: #fff;
  height: 50px;
  width: 100%;
  padding: 5px;
  border: 1px solid #FFF;
  border-bottom:solid 1px #f2f2f2;
  font-size: 16px;
  position: relative;
}

.cd-search input::-webkit-input-placeholder {
  color: #646473
}
.cd-search input::-moz-placeholder {
  color: #646473
}
.cd-search input:-moz-placeholder {
  color: #646473
}
.cd-search input:-ms-input-placeholder {
  color: #646473
}
.cd-search input:focus {
  outline: 0
}
.cd-search.is-visible {
  opacity: 1;
  top:0px;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.cd-overlay {
  z-index:20000;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}

.navlang{display:none !important;}

@media only screen and (max-width:1021px) {
    .navlang{display:block !important;}
    .cd-search {height: 55px;}
    .cd-search form {
    margin: 10px auto
    }
    .cd-search input {
    height: 35px;
    width: 70%; margin: 0px 15%;
    }
    .headtoppart {display: none;}
   .mymasterslider, .myindexbox{padding-top: 55px;}
}

@media only screen and (max-width:820px) {
    .divimage {background-position: -200px 50%;-webkit-filter:brightness(.7);}
}

@media only screen and (max-width:820px) {
    .d_news_list ul{ max-width:95%;}
	.d_news_list{padding:0px 0px 50px 0px; }
}

@media only screen and (max-width: 640px) {
	.d_news_list span.content.date{ width:100%;}
	.d_news_list span.content.subject{width:100%; margin-top:10px;}
    .pdphoto,.pdinfo{float:none; width:100%;}
}

/*footer*/
.mycomp{font-size:15px; font-weight: 800;}
.mycomp, .myservice{padding-left: 5px;}
.myservice{color:#444; font-size:13px;line-height: 20px;}
.copyright{color:#888; font-size:12px;padding-left: 5px;}
.footer{background: #F5F5F7}

.pre-footer-corporate {
	font-size: 14px;
	line-height: 1.7;
	color:#444;
    padding: 30px 0px 30px 0px;
}


.pre-footer-corporate h2 + * {
	margin-top: 18px;
	
}
.pre-footer-corporate h6{font-weight: 600; font-size: 16px}


@media (max-width: 992px) {
	.pre-footer-corporate {
		padding: 20px 0px 10px 0px;
	}
	
}



.f_logo img{ height:50px; width:auto; padding-bottom: 0px;}

.s_icon, .s_icon a, .s_icon i{font-size:36px; color:#666;}
.s_icon i{ padding: 0px 3px 0px 3px;-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.s_icon i:hover{color:#000; cursor: pointer;}
.s_icon i.line:hover {color:#03C302; cursor: pointer;}
.s_icon i.wechat:hover {color:#00C100; cursor: pointer;}
.s_icon i.fb:hover {color:#3B5998; cursor: pointer;}
.s_icon i.ig:hover {color:#E8197A; cursor: pointer;}
.s_icon i.yt:hover {color:#CE201F; cursor: pointer;}

/*list-xs*/
ul.list-xs {list-style-type: none; padding: 0px; margin: 20px 0px 0px 0px;float:left;width:135px;}
ul.list-xs + ul.list-xs{margin-left: 20px;}
/*ul.list-xs li{display:inline-block; width:45%;white-space:nowrap;}*/
ul.list-xs li.h1{font-size:15px; font-weight: 800; margin-bottom: 12px;color:#717848;}
ul.list-xs li a{color:#444;transition: .3s all ease; font-size:14px;}
ul.list-xs li a:hover{text-decoration: none;color:#717848;}
@media (max-width: 992px) {
	ul.list-xs {list-style-type: none; padding: 0px; margin: 20px 0px 0px 0px;float:left;width:100px;}
    ul.list-xs + ul.list-xs{margin-left: 10px;}
	.pre-footer-corporate{text-align: center;}
    .fmenu{width:400px; margin: 10px auto;}
    ul.list-xs{width:33.33%;}
    ul.list-xs + ul.list-xs{margin-left: 0px;}
    main {
      margin-bottom: -415px;
    }
    main:after {content: "";display: block;}
    .footer, main:after {
      height: 415px;
    }
}
@media (max-width: 768px) {
    ul.list-xs {list-style-type: none; padding: 0px; margin: 20px 0px 0px 0px;float:left;width:30%;}
}
@media (max-width: 480px) {
    ul.list-xs {list-style-type: none; padding: 0px; margin: 20px 0px 0px 0px;float:left;width:30%;}
}

.mh1{font-size:24px; font-weight: 600; display:inline-block; padding-right: 20px;}
.mh2{font-size:20px; font-weight: 600; display:inline-block;}
/*section*/
.bg-default {
	background-color: #FFF;
	/*background-color: transparent;*/
}
.bg-default2 {
	background-color: #F7F7F7;
	/*background-color: transparent;*/
}
.bg-default3 {
	background-color: #FFFFFF;
	/*background-color: transparent;*/
}
.bg-default + .bg-default.section-md,
.bg-default + .bg-default.section-lg,
.bg-default + .bg-default.section-xl {
	padding-top: 0;
}
.section-xxs,
.section-xs,
.section-sm {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-md,
.section-lg,
.section-xl {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-xxl {
	padding-top: 75px;
	padding-bottom: 75px;
}

.section-collapse + .section-collapse {
	padding-top: 0;
}

@media (max-width: 767px) {
	.section-xxs:first-of-type,
	.section-xs:first-of-type,
	.section-sm:first-of-type,
	.section-md:first-of-type,
	.section-lg:first-of-type,
	.section-xl:first-of-type {
		padding-top: 40px;
	}
}

@media (min-width: 768px) {
	.section-xs {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section-sm {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-md {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.section-lg {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.section-xl {
		padding-top: 95px;
		padding-bottom: 95px;
	}
	.section-alternate-1 {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

@media (min-width: 992px) {
	.section-md {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.section-lg {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.section-xl {
		padding-top: 130px;
		padding-bottom: 130px;
	}
}

@media (min-width: 996px) and (min-height: 800px) {
	.section-md {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.section-lg {
		padding-top: 135px;
		padding-bottom: 135px;
	}
	.section-xl {
		padding-top: 190px;
		padding-bottom: 190px;
	}
	.section-xl.section-xl_bigger {
		padding-top: 210px;
		padding-bottom: 210px;
	}
	.section-xxl {
		padding-top: 165px;
		padding-bottom: 190px;
	}
	.section-xs:first-of-type,
	.section-sm:first-of-type,
	.section-md:first-of-type,
	.section-lg:first-of-type {
		padding-top: 140px;
	}
}