@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}






.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;}
.wsmafinfull_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);}


.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:30px 0px 0px 0px;}
.d_hot_title{ background: url(../images/d_hot_line.png) center left repeat-x; text-align:center; margin:20px 0px 0px 0px;}
.d_hot_title .dntitle{ display:inline-block; padding:10px 30px 10px 30px; background:#000; position:relative;}
.d_hot_title .dntitle .dh1{ color:#000000; font-size:30px; font-weight:500; padding-bottom:10px;}
.d_hot_title .dntitle .dh2{ color:#E7AE2C; 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;}

.mobilemenu a.carticon{width:42px; text-align: left;}
.mobilemenu a span.inquiry-count{ font-size:14px; background:#999; border-radius: 13px; width:24px; height: 24px; position: absolute; 
top:0px; right:0px; text-align: center; color:#fff; padding-top: 2px;}


.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}

.myindexbox{max-width:1320px; margin: 0px auto; padding: 0px;}
/*.myindexbox_fixed{padding-top: 74px;}*/
/*index*/
.myindex{}
.myindex ul { padding: 10px 15px 0px; }
.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; color:#000;}
.ctitle .ndate{ font-size:13px; color:#9797A6; display: inline-block; padding-left: 5px;}
.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:#000;
	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:#333;}

/*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;}

.nodrive{background:#000; color:#FFF; font-size: 30px; position: fixed; left: 0px; bottom: 0px; width: 100%; text-align: center; z-index:99; letter-spacing: 10px; padding-bottom: 5px;}
.nodrivesvg{vertical-align:middle}
.nodrivesvg img{width:28px; height: auto;}

@media only screen and (max-width: 900px) {
	.mLbox, .mRbox{ padding-top:20px;}
}
@media only screen and (max-width: 992px) {
	.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;}
}
@media only screen and (max-width: 650px) {
    .nodrive{font-size: 20px;}
    .nodrivesvg img{width:24px;}
}
@media only screen and (max-width: 500px) {
    .nodrive{font-size: 16px; letter-spacing: 3px;}
    .nodrivesvg img{width:20px;}
}




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

.product-price span.nt:before {
	content: "NT.";
	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: 16px;
  color: #333
}
.product-price .pdprice {
  color: #666
}
.product-price .pdprice2 {
  color: #333
}
.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: 992px) {
	.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: 992px) {
    .nav-link.active{background:#3F3223 !important;}
}
@media (min-width: 992px) {
	.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: 992px) {
	.tab-content {
		padding: 30px 0 30px;
		border: 0;
		border-top: 1px solid #ececee;
	}
	.tab-content p + h5 {
		margin-top: 25px;
	}
}

@media (min-width: 992px) {
	.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: 992px) {
	.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: 992px) and (min-width: 996px) {
	.tabs-custom.tabs-vertical .nav-custom-tabs li a {
		min-width: 160px;
	}
}

@media (min-width: 992px) {
	.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;
	}
}



.mainLogo{
    display:block; width:50%;height:100px; text-align: center; padding: 10px; position: absolute;top:20px; left:50%; transform: translateX(-50%);
    -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;
}
.mainLogo img{
    height:100%; width:auto;
    -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;
}

.memarea{height:30px; padding: 3px 10px; position: fixed; top:0px; left:50%; z-index: 99; width:1320px;max-width: 100%;transform: translateX(-50%);}
.memarea ul{margin: 0px; padding: 0px; list-style-type: none; text-align: right;}
.memarea ul li{ display:inline-block; font-size:16px; margin-right: 0px; position: relative; padding: 3px 10px 3px 3px;}
.memarea ul li span{width:30px; height:30px; padding: 4px;}
.memarea ul li span.carticon{display:inline-block;width:50px !important; height:30px; padding: 4px; position: relative; text-align: left;}

.memarea ul li span.inquiry-count{ font-size:14px; background:#999; border-radius: 13px; width:24px; height: 24px; position: absolute; 
top:5px; right:0px; text-align: center; color:#fff; padding-top: 2px;}

.memarea ul li span.roundpoint {
    position: absolute;
    top: 2px;
    right: -5px;
    width: 16px;
    height: 16px;
    background-color: #B12941;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 9px;
    text-align: center;
    font-style: normal;
    line-height: 16px;
    color: #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;
}
.memarea i{font-size: 20px;}
.memicon, .logouticon, .memicona, .carticon, .searchicon{color:#555;
    -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;
}
.memicon:hover, .logouticon:hover, .memicona:hover, .carticon:hover, .searchicon:hover{ color:#000; cursor:pointer;}



.wsmainfull{
    position: fixed; width:100%;height:170px; z-index: 999; 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;
}
.wsmenu{ margin-top: 80px;
    -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;
}
.wsmainfull_fixed{height:90px;}
.wsmainfull_fixed .wsmenu{margin-top: 5px;}
.mainLogo_fixed{height:55px; position: absolute; top:0px; left:50%; transform: translateX(-50%);
-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;
}
.mainLogo_fixed img{height:100%; width:auto;}
@media only screen and (max-width: 992px) {
.wsmainfull{height:55px;}
.mainLogo{display:none;}
.wsmenu{ margin-top: 0px;}
}

/*question*/
.myques ul{ list-style-type:none;}
.myques ul li{ padding:1px 0px 1px 0px;}
.myques ul li span.qnt{ display:table-cell; width:42px; color:#930}
.myques ul li span.qat{ display:table-cell;}
.myques ul li:hover{color:#C60; text-decoration:none; cursor:pointer;}
.myques{ padding:10px 0px 20px 0px; margin-bottom:20px; border-bottom:#CCC dotted 1px;}

/*answer*/
.answer{padding:10px 0px 20px 0px; border-bottom:#CCC dotted 1px; margin-bottom:10px; position:relative;}
.answer h1{font-size:16px; font-weight:bold; padding:5px 5px 5px 0px; border:none; line-height:24px; margin-bottom:5px;}
.answer h1 span.qnt{ display:table-cell; width:42px; color:#930}
.answer h1 span.qat{ display:table-cell; font-size:16px;}
.answer .anstotop{ position:absolute; bottom:0px; right:0px; height:25px; line-height:25px; width:60px; background:#999; color:#FFF; font-size:14px; font-weight:800; text-align:center;text-decoration:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.answer .anstotop:hover{ background:#000; cursor:pointer;}

.answerbox{padding:0px 10px 10px 42px;}
.answerbox h1{font-size:15px; color:#333;}
.answerbox h1:before{
	content: "◎";
	display: inline-block;
	font-size:14px;
	padding-right: 5px;}

.icn{position:absolute;width:60px; height:60px; top:20px; left: 20px; z-index: 50;}
.icn img{ width:100%; height:auto; opacity: .8;}








/*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:#333;
	border: #333 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:#333; 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: 80px;
  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: 15px auto;
  
}
.cd-search input {
  border-radius: 0;
  background: #fff;
  height: 50px;
  width: 100%;
  padding: 5px;
  border: 1px solid #FFF;
  border-bottom:solid 1px #CCC;
  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;}
    /*.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; margin-top: 20px;}
.footer{background: #F5F5F7}
.pre-footer-corporate{padding: 30px 20px;}

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

.s_icon{display:block;margin-top: 5px;d}
.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;}

.container1320{max-width:1320px; margin: 0px auto; padding: 0px 20px;}
.f_logo{display:block;}
.f_menu{display:block;}
/*list-xs*/
ul.list-foot {list-style-type: none; padding: 0px; margin: 0px; text-align: left;}
ul.list-foot li{display:inline-block; white-space:nowrap;}
ul.list-foot li a{color:#444;transition: .3s all ease; font-size:15px; display: inline-block; padding: 5px 15px; font-weight: bold;}
ul.list-foot li a:hover{text-decoration: none;color:#000;}
.Foot_L{float:left; width:440px; vertical-align: top; padding-top: 5px;}
.Foot_L_1{width:200px;display: inline-block; vertical-align: top;}
.Foot_L_2{width:220px;display: inline-block; vertical-align: top;}
.Foot_R{margin-left:460px;position: relative;}
ul.list-foot li a{/*width: 97px;*/ padding: 5px 10px; text-align: left;}
@media (max-width: 1200px) {
    ul.list-foot li a{width: 100px; padding: 5px 5px; text-align: left;}
}
@media (max-width: 992px) {
    .copyright{margin-top: 10px;}
    .Foot_L{float: none; width:100%; position: relative;}
    .Foot_L_1, .Foot_L_2{width:100%; text-align: center;}
    .Foot_R{margin:0px;}
    ul.list-foot{text-align: center;}
    ul.list-foot li a{width:auto;padding: 3px 15px;}
    .copyright{text-align: center;}
}
@media (max-width: 720px) {
     ul.list-foot li a{width:100px;}
}
@media (max-width: 490px) {
     ul.list-foot{text-align: left;}
     ul.list-foot li{width:32%;}
     ul.list-foot li a{ padding: 3px 3px; width:100%;}
}

/*nn-menu*/
ul.nn-menu { margin: 0;padding: 0;list-style: none;}
ul.nn-menu li .ntoptitle{ display:none}
ul.nn-menu a {background-color: #fff;color: #666;display: block; padding: 0 10px;text-decoration: none;line-height: 35px; font-size: 15px;
              -webkit-transition:0.3s all;	-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;
}
ul.nn-menu a.selected{ color:#000; font-weight: bold;}
ul.nn-menu a:hover {  background-color: #FFF; color: #000;}
ul.nn-menu li:hover > a { background-color: #FFF;color: #000; }
@media only screen and (max-width: 768px) {
	.nnLbox{ float:none; width:auto; margin-bottom:30px;}
	ul.nn-menu {border: #999 1px solid;display:block; font-size: 16px; width:180px; }
    ul.nn-menu li {position: relative; white-space: nowrap;height:40px;}
    ul.nn-menu li .ntoptitle{ display:block;}
	ul.nn-menu a {background-color: #fff;color: #333;display: block; padding: 0 10px; text-decoration: none; line-height: 40px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
    
    ul.nn-menu:hover {border: #000 1px solid;}
    ul.nn-menu a:hover {  background-color: #000000; color: #fff;}
    ul.nn-menu li:hover > a { background-color: #000000;color: #fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
	ul.nn-menu ul {border: #000 1px solid; position: absolute; z-index: 99; left: -1px; top: 100%; width: 180px; border-top-color: #333;}
    ul.nn-menu ul li { border-bottom: #333 1px solid;display:block;}
    ul.nn-menu ul li:last-child {border-bottom: none;}
	ul.nn-menu ul {display: none;}
    ul.nn-menu li:hover > ul { display: block;}
}









@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;}
    .fmenu{width:400px; margin: 10px auto;}
    ul.list-xs{width:33.33%;}
    ul.list-xs + ul.list-xs{margin-left: 0px;}
    main {
      margin-bottom: -330px;
    }
    main:after {content: "";display: block;}
    .footer, main:after {
      height: 330px;
    }
}
@media (max-width: 992px) {
    ul.list-xs {list-style-type: none; padding: 0px; margin: 20px 0px 0px 0px;float:left;width:30%;}
    main {
      margin-bottom: -360px;
    }
    main:after {content: "";display: block;}
    .footer, main:after {
      height: 360px;
    }
}
@media (max-width: 480px) {
    ul.list-xs {list-style-type: none; padding: 0px; margin: 20px 0px 0px 0px;float:left;width:30%;}
}


/*產品*/
.cLpdbox{ width:200px; float:left; text-align: left;}
.cLpdbox h1{min-height:40px; background:#000000; color:#FFF; font-size:18px; line-height:26px; font-weight:600; padding:5px 8px; text-align: left;}
.cRpdbox{ margin-left: 225px; font-size:15px; line-height:25px;overflow: hidden; padding-left:5px; text-align: left;}
.cRpdbox h1{ font-size:24px; padding:2px 0px 7px 0px; line-height:30px; margin-bottom:5px; font-weight:600; font-family:"微軟正黑體",Microsoft JhengHei,Microsoft YaHei ,Arial, Times New Roman,Century Gothic, Helvetica, Verdana, 新細明體; font-weight:bold;color:#000000; border-bottom:#000 solid 1px;}
.cRpdbox h2{font-size:14px; color:#666; font-style: italic}
.cRpdbox .pdsubtitle{ background:#F3F3F3; font-size:20px; font-weight:800; margin:25px 0px 15px 0px; height:45px; line-height:45px; padding-left:10px;}
@media (max-width: 992px) {
    .cLpdbox{ display:none;}
	.cRpdbox{ margin-left:0px;}
}


.mh1{font-size:24px; font-weight: 600; display:inline-block; padding-right: 20px;}
.mh2{font-size:20px; font-weight: 600; display:inline-block;}
.mh1 span{ padding-left: 15px; font-size:18px; }
.mh1 span:before{
  font-family:'FontAwesome';
  content: "\f069";
  position: absolute; top:-3px; left:102px;
  font-size:13px;
}


/*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: 10px;
	padding-bottom: 50px;
}

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

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

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

@media (max-width: 992px) {
	.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: 10px;
	}
}

@media (min-width: 992px) {
	.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;
	}
}