@charset "UTF-8";
/* CSS Document */
.clear{clear:both;}
html, body {
  margin: 0px;padding: 0px;border: 0px;vertical-align: baseline; font-weight: normal;font-size: 14px;line-height: 22px;
  font-family:"微軟正黑體",Microsoft JhengHei,Microsoft YaHei ,Century Gothic, Helvetica, Arial, Verdana, 新細明體;color:#182F51;
  background:#FCF8F8;
}
html, body { height: 100%;}
* a{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;}
* a:hover{text-decoration: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;/*text-decoration: none;*/}

.n_effect{-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;transition-timing-function: easeOutQuint;}

.hidden{display:none !important;}

/*scroll smmoth close*/
html, body {scroll-behavior: auto !important;}

main {
  min-height: 100%;
  margin-bottom: -360px;
  padding-bottom: 0px;
}
main:after {content: "";display: block;}
.footer, main:after {
  height: 360px;
}

.footer{background:#F6EEEC; width:100%; margin: 0px; padding: 0px;}
.footer-top-bg{height:100px; background:#FCF8F8 url("../images/footer-top-bg.png") bottom center repeat-x; padding: 0px;margin-bottom: 30px;}

.oswd{background:#b20000; color:#FFF; padding: 1px 3px; font-size:14px; font-weight: normal; margin-right: 3px; border-radius: 3px;}
.onsaleboxwd {
    font-size: 14px;
	font-weight:800;
    display: inline-block;
    border: 1px solid #9F1E23;
    padding: 0 10px 0 0;
    margin-bottom: 3px;
	margin-top:10px;
	color:#9F1E23;
}
.onsaleboxwd span {
    display: inline-block;
    padding: 3px 6px;
    margin-right: 10px;
    background: #9F1E23;
    color: #FFF;
    font-weight: normal;
}
.onsaleboxwd:hover{cursor: pointer;}

/*::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3);border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.5); cursor: pointer !important;}*/


table {
  border-collapse: collapse;
  border: 1px solid;
}
table td, table th{border:solid 1px; padding: 3px; line-height: 20px;}
table p{line-height: 20px; margin: 0px 0px 5px 0px;}



button:focus,
button:active:focus,
button.active:focus,
button.focus,
button:active.focus,
button.active.focus {outline: none;}

.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

.sfL {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 100;
}

.wsmainfull {width: 100%;height: 80px; padding: 10px; position: fixed; top:0px; left:0px; background:rgba(252,248,248,.9);/*rgba(244,245,247,.8)*/
transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 180;
box-shadow:3px 3px 3px rgba(0,0,0,0);
}
.wsmainfull_h{height:60px;background:rgba(252,248,248,.9);box-shadow:0px 3px 3px rgba(0,0,0,.1);}
.logo{padding:5px 25px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.logo img{height:45px; width:auto; padding-right: 10px;}
.logo img{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.logo_h{padding-top: 0px;}
.logo_h img{height:35px;}

.wstoggle_h{top:0px !important;}

.tmenu{position:absolute; right:160px; top:29px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tmenu_h{top:20px;}
.tmenu ul{list-style-type: none;}
.tmenu ul li{display:inline-block; padding: 0px;}
.tmenu ul li+li{margin-left: 5px;}
.tmenu ul li a{color:#182F51; font-size:16px; font-weight: bold; padding: 10px;}
.tmenu ul li a:hover{color:#0E4290}
.tmenu ul li a i{font-size:19px; padding-left: 1px; padding-right: 2px;}

.tmenu ul li span.cd_search_trigger{color:#182F51; font-size:16px; font-weight: bold; padding: 10px;}
.tmenu ul li span.cd_search_trigger:hover{color:#0E4290; cursor: pointer;}
.tmenu ul li span.cd_search_trigger i{font-size:19px; padding-left: 1px; padding-right: 2px;}

/*media box*/
.thumbnail-overlay{background-color: rgba(0,0,0,.1); }
.media-boxes-no-more-entries{display: none;}

.media-box .media-box-image img{
	-webkit-transition: transform 0.6s ease-in-out;
	   -moz-transition: transform 0.6s ease-in-out;
		 -o-transition: transform 0.6s ease-in-out;
		-ms-transition: transform 0.6s ease-in-out;
			transition: transform 0.6s ease-in-out;

	-webkit-transform-origin: bottom left;
	   -moz-transform-origin: bottom left;
		 -o-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
			transform-origin: bottom left;
}
.media-box:hover .media-box-image img{
	-webkit-transform: scale(1.05) translate(-8px,8px);
	   -moz-transform: scale(1.05) translate(-8px,8px);
		 -o-transform: scale(1.05) translate(-8px,8px);
		-ms-transform: scale(1.05) translate(-8px,8px);
			transform: scale(1.05) translate(-8px,8px);
}
.media-box{}
.media-box-content{padding:10px 8px; background:transparent;}
.media-box .media-box-title{color:#182F51; font-size:16px; height:48px; line-height: 25px;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
	-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;transition-timing-function: easeOutQuint;}
.media-box:hover .media-box-title{color:#0059B2;}
.mprice{margin: 3px 0px 0px 0px !important;}
.mprice .oprice, .mprice .nprice{ float: left; margin-right: 15px; font-size:18px; color:#333; position: relative;  padding: 3px;font-family:Georgia, Times, "Times New Roman", serif;font-style:italic;}
.mprice .oprice .delline{position: absolute;width:100%; height:2px; top:16px; left:0px; background:url("../images/del_line.png") top left repeat-x; display:inline-block}
.mprice .oprice.zero{font-weight: normal; font-size:14px; font-family: 微軟正黑體; font-style: normal}
.mprice .nprice{color:#B20000}
.mprice .nunit{color:#999; font-size:15px; float: right; font-weight: bold;}
.media-box{position: relative;}
.media-box .add_favorite{ font-size:40px; position: absolute; right:10px; top:10px; z-index: 10; padding: 3px; color:rgba(126,134,134);
text-shadow: 1px 1px 2px rgba(0,0,0,.5);-webkit-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.media-box .add_favorite:hover{ transform: scale(1.1); cursor: pointer; color:rgba(67,147,255)}

.media-box .add_favorite.checked{color:rgba(67,147,255)}
.media-box .add_favorite:hover.checked{color:rgba(0,95,223)}

@media (max-width:540px) {
    .media-box .add_favorite{ font-size:30px;right:5px; top:5px;}
}


/*scrolltotop*/
.scrollToTop{
	color: #999;border:#666 solid 4px;border-radius:40px;font-weight: bold;text-decoration: none;
	position:fixed;display:none;z-index:1000;line-height:30px;text-align:center; 
	width:40px; height:40px;bottom:30px;right:30px;
	transition-property: background, color, border;	transition-duration: 0.5s;transition-timing-function: linear;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5);box-shadow: 2px 2px 4px rgba(0,0,0,.5);	background-color: rgba(255,255,255,.95);
}
.scrollToTop:hover{	text-decoration:none;background:#1991EB;color:#FFF;	border:#0059B2 solid 4px;}

/*index*/
.sticky-top{top:60px; z-index:10;}
.myindex{padding: 3px 0px; background:rgba(252,248,248,1);}
.myindex.nobg{padding: 3px 0px; background:none;}
.myindex ul{list-style-type: none; margin: 0px; padding: 0px;}
.myindex ul li{display:inline-block;}
.myindex ul li a{padding: 3px; font-size:14px; color:#999;}
.myindex ul li a:hover{color:#000;}
/*@media (max-width:768px) {
	.myindex{padding-top:0px;}
}*/
/*footer*/
.footer{ padding: 0px 0px 10px 0px;}
.footer .fLBox{float: left; width:300px;}
.footer .fLBox h1, .footer .fLBox h2{font-size:20px; color:#182F51; font-weight: bold}
.footer .fLBox .social ul{list-style-type: none;padding: 0px; margin: 0px;}
.footer .fLBox .social ul li{list-style-type: none; padding: 0px; margin: 0px; display: inline-block;}
.footer .fLBox .social ul li a{font-size: 32px; margin-right: 10px; color:#DEB1B4 }
.footer .fLBox .social ul li a:hover{color:#C67579 }
.footer .fLBox .compinfo ul{list-style-type: none;padding: 0px; margin: 10px 0px;}
.footer .fLBox .compinfo ul li{list-style-type: none; padding: 0px; margin: 0px; display: block; position: relative;}
.footer .fLBox .compinfo ul li i{margin-right: 10px;width:15px; text-align: center;}
.footer .fRBox{ float: right;}
.footer .fRBox ul{list-style-type: none; margin: 0px; padding: 0px; display: inline-block; width:76px; position: relative; vertical-align: top;}
.footer .fRBox ul+ul{margin-left: 40px;color:#182F51;}
.footer .fRBox ul li.title{font-size:18px; font-weight: bold; padding-bottom: 4px; border-bottom: solid 3px #182F51; margin-bottom: 10px;}
.footer .fRBox ul li a{display: inline-block; width:100%; padding: 3px 0px; color:#182F51; font-size:16px;font-weight: bold;}
.footer .fRBox ul li a:hover{color:#000;letter-spacing: 1px;}
@media (max-width:540px) {
	.footer .fLBox{float: none; width:100%; display: block; text-align: center;}
	.footer .fRBox{float: none; width:100%; display: block; text-align: center;}
	main {margin-bottom: -480px;}
	.footer, main:after {height: 480px;}
}

/*首頁 pdmenu*/
.pdmenu.dfNav{ padding: 60px 0px; max-width:1160px; margin: 0px auto;}
.pdmenu.dfNav ul{list-style-type: none; margin: 0px; padding: 0px;}
.pdmenu.dfNav ul li{ width:25%; float: left; padding: 2.5%;  text-align: center}

.pdmenu.dfNav ul li a{color:#333;text-decoration: none; width:100%; height:auto; background:rgba(255,255,255,.6); border:solid 1px rgba(255,255,255,.6); padding: 10px; 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;}
.pdmenu.dfNav ul li a i{transform: scale(.9) translateY(-5px);-webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.pdmenu.dfNav ul li a:hover{background:rgba(255,255,255,.3); border:solid 1px rgba(255,255,255,1);}
.pdmenu.dfNav ul li a.swhite{color:#011C42; background:rgba(0,0,0,0); border:solid 1px rgba(0,0,0,0);text-shadow:none;}
.pdmenu.dfNav ul li a:hover.swhite{color:#333; background:rgba(0,0,0,0); border:solid 1px rgba(0,0,0,0);}
.pdmenu.dfNav ul li a:hover i{transform: scale(1) translateY(-5px)}
.pdmenu.dfNav ul li a.pdColor1:hover i,.pdmenu.dfNav ul li a.pdColor2:hover i,.pdmenu.dfNav ul li a.pdColor3:hover i,
.pdmenu.dfNav ul li a.pdColor4:hover i,.pdmenu.dfNav ul li a.pdColor5:hover i,.pdmenu.dfNav ul li a.pdColor6:hover i,
.pdmenu.dfNav ul li a.pdColor7:hover i,.pdmenu.dfNav ul li a.pdColor8:hover i,.pdmenu.dfNav ul li a.pdColor9:hover i,
.pdmenu.dfNav ul li a.pdColor10:hover i,.pdmenu.dfNav ul li a.pdColor11:hover i,.pdmenu.dfNav ul li a.pdColor12:hover i,
.pdmenu.dfNav ul li a.pdColor13:hover i,.pdmenu.dfNav ul li a.pdColor14:hover i,.pdmenu.dfNav ul li a.pdColor15:hover i,
.pdmenu.dfNav ul li a.pdColor16:hover i{text-shadow:3px 3px 3px rgba(0,0,0,.8);}
.pdmenuH1, .dnewsH1, .dpdH1{font-size:24px; font-weight: bold; text-align: center; color: rgba(3,67,158,1);}



.dnewsH1{background:url("../images/news_title_bg.png") center center no-repeat; height:50px; line-height: 50px;}
.dpdH1{background:url("../images/pd_title_bg.png") center center no-repeat; min-height:50px; line-height: 50px;}

.dpdH1{margin-bottom: 30px;}
@media only screen and (max-width: 1033px) {
	.pdmenu.dfNav ul li a{height:220px;}
}
@media only screen and (max-width: 920px) {
	.pdmenu.dfNav ul li{ width:25%;}
	.pdmenu.dfNav ul li .pdtypeTitle{font-size:16px;}
	.pdmenu.dfNav ul li .pdtypeImg{font-size:60px;}
	.pdmenu.dfNav ul li a{height:180px;}
}
@media only screen and (max-width: 640px) {
	.dfNav .MtypeTitle{font-size: 18px; margin-bottom: 10px; }
	.pdmenu.dfNav ul li{ width:33.333%;}
	.pdmenuH1, .dnewsH1, .dpdH1{font-size:20px;}
}
@media only screen and (max-width: 520px) {
	.pdmenu.dfNav ul li{ width:50%;}
}
.dpdbg{background: rgba(249,242,242,1);}
.dpds{}

/*dnews box*/
.newsbg{background: url("../images/sound.png") right bottom no-repeat;}
.newsbox{padding: 20px 0px 40px 0px; position: relative; }
.newsboxH1{font-size:24px; font-weight: bold; text-align: center; color: rgba(3,67,158,1);}
.newsbox .dnewsBox{max-width: 600px;}
.dnews{padding: 80px 0px; position: relative}
.dpds{padding:10px 0px 80px 0px; position: relative}
/*.dnews{background: url("../images/background.jpg") top left repeat;}
.dnews{background:rgba(249,242,242,1);}*/
.dnewsBox{max-width: 480px; margin: 20px auto 0px auto; z-index: 50 !important;}

.dnews{background:rgba(249,242,242,1) url("../images/newsBG.png") center bottom no-repeat;}



.css_newsTable{width: 100%;background-color: none;border-collapse: collapse;margin-bottom: 10px;display: table;}

.css_newsTable .td, .css_newsTable .th{padding: 5px;}

.css_newsTable .td{color: #666666;border-bottom: #E1E1E1 1px solid;}

.css_newsTable .th{background-color: none;color:#000;border-bottom: #000 1px solid;text-align: left;font-weight:800;}

.css_newsTable .thead{display:table-header-group;}
.css_newsTable .tbody{display:table-row-group;}
.css_newsTable .tr{display:table-row;}
.css_newsTable .th,
.css_newsTable .td{display:table-cell;}

.css_newsTable .ndate{width:95px; padding-top: 12px;white-space:nowrap;}
.css_newsTable .ntype{width:60px; padding-top: 12px; text-align: center;}
.css_newsTable .ntitle{ vertical-align:middle; line-height:20px;}
.css_newsTable .ntitle a{display: inline-block; width:100%; color:#182F51; padding: 5px 0px; font-size: 15px; line-height: 25px;}
.css_newsTable .ntitle a:hover{color:#0059B2}


@media only screen and (max-width: 1210px) {
	.dnews, .dpds{padding: 100px 0px; position: relative}
}

@media only screen and (max-width: 1024px) {
	.dnews, .dpds{padding: 100px 0px; position: relative}
}
@media only screen and (max-width: 980px) {
	.dnews, .dpds{padding: 100px 0px; position: relative}
}
@media only screen and (max-width: 950px) {
	.dnews, .dpds{padding: 100px 0px; position: relative}
}
@media only screen and (max-width: 800px) {
	.dnews, .dpds{padding: 80px 0px; position: relative}
}


/*product*/
.pdtype{padding: 10px 0px 80px 0px; position: relative}
.orindex{padding: 10px 0px 30px 0px; position: relative}
.cartBox{padding: 85px 0px 60px 0px; position: relative;background:#FFFFFF; margin-top: 0px;}
.cartBox h1{font-size:20px; font-weight: bold;}
.pdbox{padding: 10px 0px 60px 0px; position: relative;background:#FCF8F8; margin-top: 0px;}
.pddetail{padding: 10px 0px 60px 0px; position: relative;background:#FCF8F8; margin-top: 30px;}
.qnabox{padding: 10px 0px 60px 0px; position: relative;}
.qnaH1{font-size:24px; font-weight: bold; color: #B4303D; margin-bottom: 30px; text-align: center;}

.pdH1{font-size:24px; font-weight: bold; color: #B4303D; margin-bottom: 30px; border-bottom: solid 3px #D66571; min-height:40px; padding-top: 0px; position: relative;}
.pdH1 span{ display: inline-block; background:transparent;padding:0px 20px 0px 10px; }
.pddH1{font-size:20px; font-weight: bold; color: #B4303D; padding: 20px 5px 10px 5px; border-bottom: solid 1px #f2f2f2;}
.detailBox{background:#FFF; padding: 30px 20px;}




/*pdtypeList*/
.pdtypeList{padding-top: 30px;}
.pdtypeList ul, .pdtypeList ul li{list-style-type: none; margin: 0px; padding: 0px;}
.pdtypeList ul li{float:left; width:230px; padding: 0px 10px;}
.pdtypeList ul li a{color:#182F51; display: inline-block; width:100%; padding: 7px 0px 7px 20px; font-size:16px; font-weight: bold; position: relative;border-bottom: dotted 1px rgba(255,255,255,0)}
.pdtypeList ul li a span.circle{position: absolute; top:12px; left:0px; width:12px; height:12px; border-radius: 10px; border:solid 1px #000;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;}

.pdtypeList ul li a span.circle1{border-color:rgba(237,51,56,1)}
.pdtypeList ul li a span.circle2{border-color:rgba(243,117,77,1)}
.pdtypeList ul li a span.circle3{border-color:rgba(248,169,94,1)}
.pdtypeList ul li a span.circle4{border-color:rgba(254,221,44,1)}
.pdtypeList ul li a span.circle5{border-color:rgba(143,198,79,1)}
.pdtypeList ul li a span.circle6{border-color:rgba(0,172,88,1)}
.pdtypeList ul li a span.circle7{border-color:rgba(1,173,237,1)}
.pdtypeList ul li a span.circle8{border-color:rgba(1,135,170,1)}
.pdtypeList ul li a span.circle9{border-color:rgba(7,104,175,1)}
.pdtypeList ul li a span.circle10{border-color:rgba(100,62,137,1)}
.pdtypeList ul li a span.circle11{border-color:rgba(219,96,140,1)}
.pdtypeList ul li a span.circle12{border-color:rgba(201,49,134,1)}
.pdtypeList ul li a span.circle13{border-color:rgba(248,116,164,1)}
.pdtypeList ul li a span.circle14{border-color:rgba(240,189,16,1)}
.pdtypeList ul li a span.circle15{border-color:rgba(246,150,27,1)}
.pdtypeList ul li a span.circle16{border-color:rgba(217,125,0,1)}

.pdtypeList ul li a.selected{ color:red; /*border-bottom: dotted 1px #0059B2;*/ font-size:18px;}
.pdtypeList ul li a.selected span.circle{position: absolute; top:10px; left:0px; width:16px; height:16px; border-radius: 10px;}
.pdtypeList ul li a:hover span.circle{border-radius: 4px; 
-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform: rotate(45deg);}


.pdtypeList ul li a:hover span.circle1,.pdtypeList ul li a.selected span.circle1{border-color:rgba(237,51,56,1);background-color:rgba(237,51,56,1);}
.pdtypeList ul li a:hover span.circle2,.pdtypeList ul li a.selected span.circle2{border-color:rgba(243,117,77,1);background-color:rgba(243,117,77,1)}
.pdtypeList ul li a:hover span.circle3,.pdtypeList ul li a.selected span.circle3{border-color:rgba(248,169,94,1);background-color:rgba(248,169,94,1)}
.pdtypeList ul li a:hover span.circle4,.pdtypeList ul li a.selected span.circle4{border-color:rgba(254,221,44,1);background-color:rgba(254,221,44,1)}
.pdtypeList ul li a:hover span.circle5,.pdtypeList ul li a.selected span.circle5{border-color:rgba(143,198,79,1);background-color:rgba(143,198,79,1)}
.pdtypeList ul li a:hover span.circle6,.pdtypeList ul li a.selected span.circle6{border-color:rgba(0,172,88,1);background-color:rgba(0,172,88,1)}
.pdtypeList ul li a:hover span.circle7,.pdtypeList ul li a.selected span.circle7{border-color:rgba(1,173,237,1);background-color:rgba(1,173,237,1)}
.pdtypeList ul li a:hover span.circle8,.pdtypeList ul li a.selected span.circle8{border-color:rgba(1,135,170,1);background-color:rgba(1,135,170,1)}
.pdtypeList ul li a:hover span.circle9,.pdtypeList ul li a.selected span.circle9{border-color:rgba(7,104,175,1);background-color:rgba(7,104,175,1)}
.pdtypeList ul li a:hover span.circle10,.pdtypeList ul li a.selected span.circle10{border-color:rgba(100,62,137,1);background-color:rgba(100,62,137,1)}
.pdtypeList ul li a:hover span.circle11,.pdtypeList ul li a.selected span.circle11{border-color:rgba(219,96,140,1);background-color:rgba(219,96,140,1)}
.pdtypeList ul li a:hover span.circle12,.pdtypeList ul li a.selected span.circle12{border-color:rgba(201,49,134,1);background-color:rgba(201,49,134,1)}
.pdtypeList ul li a:hover span.circle13,.pdtypeList ul li a.selected span.circle13{border-color:rgba(248,116,164,1);background-color:rgba(248,116,164,1)}
.pdtypeList ul li a:hover span.circle14,.pdtypeList ul li a.selected span.circle14{border-color:rgba(240,189,16,1);background-color:rgba(240,189,16,1)}
.pdtypeList ul li a:hover span.circle15,.pdtypeList ul li a.selected span.circle15{border-color:rgba(246,150,27,1);background-color:rgba(246,150,27,1)}
.pdtypeList ul li a:hover span.circle16,.pdtypeList ul li a.selected span.circle16{border-color:rgba(217,125,0,1);background-color:rgba(217,125,0,1)}

.pdtypeList ul li a:hover{text-shadow: 1px 1px 1px rgba(0,0,0,.2);}
.pdtypeList ul li a:hover.tcolor1{color:rgba(237,51,56,1); }
.pdtypeList ul li a:hover.tcolor2{color:rgba(243,117,77,1)}
.pdtypeList ul li a:hover.tcolor3{color:rgba(248,169,94,1)}
.pdtypeList ul li a:hover.tcolor4{color:rgba(254,221,44,1)}
.pdtypeList ul li a:hover.tcolor5{color:rgba(143,198,79,1)}
.pdtypeList ul li a:hover.tcolor6{color:rgba(0,172,88,1)}
.pdtypeList ul li a:hover.tcolor7{color:rgba(1,173,237,1)}
.pdtypeList ul li a:hover.tcolor8{color:rgba(1,135,170,1)}
.pdtypeList ul li a:hover.tcolor9{color:rgba(7,104,175,1)}
.pdtypeList ul li a:hover.tcolor10{color:rgba(100,62,137,1)}
.pdtypeList ul li a:hover.tcolor11{color:rgba(219,96,140,1)}
.pdtypeList ul li a:hover.tcolor12{color:rgba(201,49,134,1)}
.pdtypeList ul li a:hover.tcolor13{color:rgba(248,116,164,1)}
.pdtypeList ul li a:hover.tcolor14{color:rgba(240,189,16,1)}
.pdtypeList ul li a:hover.tcolor15{color:rgba(246,150,27,1)}
.pdtypeList ul li a:hover.tcolor16{color:rgba(217,125,0,1)}

/*pdtypeList2*/
.pdtypeList2Title{margin-top: 40px; font-size: 24px; font-weight: bold; color:#D66571; padding: 10px 10px;}
.pdtypeList2{ border:solid 1px #DEB1B4; margin-top: 0px; padding: 10px;}
.pdtypeList2 ul, .pdtypeList2 ul li{list-style-type: none; margin: 0px; padding: 0px;}
.pdtypeList2 ul li{float:left; padding: 1px 0px; border-bottom: dotted 2px #D0D5DC; margin-bottom: 10px;}
.pdtypeList2 ul li{margin-right: 20px;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;}
.pdtypeList2 ul li a{color:#182F51; display: inline-block; width:100%; padding: 4px 5px 4px 5px; font-size:16px; font-weight: bold; position: relative;}
.pdtypeList2 ul li:hover a{background:rgba(158,189,245,.2);}
.pdtypeList2 ul li a.selected{ background:rgba(158,189,245,.2); color:#0059B2; padding: 4px 10px 4px 10px;}

@media only screen and (max-width: 640px) {
	.pdH1{background:none; height:auto; padding-bottom: 10px;}
	.pdbox{margin-top: 0px;padding-top: 0px;}
	.pdH1 span{font-size:20px;}
	.pdtype{padding: 10px 0px 40px 0px;}
}


@media only screen and (max-width:485px) {
	.pdtypeList ul li{float:left; width:50%; padding: 0px 10px;}
  .pdtypeList ul li a{
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-sizing:border-box;
  height:30px;
  overflow: hidden;
  }

}

.mynewsdetailbox{padding: 0px 0px 40px 0px; position: relative}
.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:#F3E4E4; padding:20px; line-height:35px; font-size:24px; display:block; margin-bottom:30px; margin-top:10px;}

.backbtn{
	height: 36px;
	overflow: hidden;
	margin: 0px 0 0 0px;
	padding: 0 20px;
	outline: none;
	border: 0;
	text-decoration: none;
	color:#C67579;
	border: #C67579 solid 2px;
	cursor: pointer;
	background:#FFF;
	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;
}
.backbtn:hover{background:#C67579; color:#FFFFFF}

/*addbox*/
.addbtn{
	position: absolute;
	top:13px; left:100px;
	height: 30px;
	overflow: hidden;
	margin: 0px 0px 0px 30px;
	padding: 0 20px;
	outline: none;
	border: 0;
	text-decoration: none;
	color:#C67579;
	border: #C67579 solid 2px;
	cursor: pointer;
	background:#FFF;
	border-radius:5px;
	line-height:20px;
	font-size:15px;
	transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.addbtn:hover{background:#C67579; color:#FFFFFF}


.cancelorder{margin-left: 10px; padding: 1px 10px; background:#666; color:#FFF;}
.cancelorder:hover{background:#000; cursor: pointer;}
/*address*/

.addressBox{}
.addressBox ul{list-style-type: none; margin: 0px; padding: 0px;}
.addressBox ul li{
	list-style-type: none;font-size:15px; padding: 5px 3px;
	transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.addressBox ul li:hover{background:rgba(187,187,187,.3); cursor: pointer;}
.addressBox ul li+li{border-top:solid 1px #f2f2f2;}

.addressBoxTwo{}
.addressBoxTwo ul{list-style-type: none; margin: 0px; padding: 0px;}
.addressBoxTwo ul li{
	list-style-type: none;font-size:15px; padding: 5px 3px;
	transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.addressBoxTwo ul li:hover{background:rgba(187,187,187,.3); cursor: pointer;}
.addressBoxTwo ul li+li{border-top:solid 1px #f2f2f2;}

.addressBoxThree{}
.addressBoxThree ul{list-style-type: none; margin: 0px; padding: 0px;}
.addressBoxThree ul li{
	list-style-type: none;font-size:15px; padding: 5px 3px;
	transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.addressBoxThree ul li:hover{background:rgba(187,187,187,.3); cursor: pointer;}
.addressBoxThree ul li+li{border-top:solid 1px #f2f2f2;}



.Addaddress, .AddaddressTwo, .AddaddressThree{
	font-size:15px; margin: 20px 0px 0px; padding: 5px 3px 0px 0px; color:#006DD9; width:140px;
	transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;
}
.AddaddressThree{width:140px;}
.Addaddress:hover, .AddaddressTwo:hover, .AddaddressThree:hover{letter-spacing: 1px; font-weight: bold; cursor: pointer}

.myinfo1, .myinfo2, .myinfo3{display:hidden;}


/*Search*/
.cd_search {
  position: absolute;
  height: 80px;
  width: 100%;
  top: 0;
  left: 50%;
  margin: 0 auto;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate(-50%);
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  background: #FFF
}
.cd_overlay, .nav-is-fixed .cd_search {
  position: fixed
}
.cd_search form {
  height: 100%;
  max-width: 600px;
  margin: 10px auto
}
.cd_search input {
  border-radius: 0;
  background: #fff;
  height: 50px;
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: solid 1px #f2f2f2;
  font-size: 16px
}

.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;
  visibility: visible;
  -webkit-transition: opacity 1s 0s, visibility 0s 0s;
  -moz-transition: opacity 1s 0s, visibility 0s 0s;
  transition: opacity 1s 0s, visibility 0s 0s
}
.cd_overlay {
  z-index: 1999 !important;
  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: opacity .3s 0s, visibility 0s .3s, -webkit-transform .3s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s, -moz-transform .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s
}
.cd_overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, -webkit-transform .3s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s, -moz-transform .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, transform .3s 0s
}
body.offflow{overflow:hidden;}


.ms-fullscreen-template{padding-top: 80px;}
.ms-fullscreen-template.msft{padding-top: 0px !important;}

@media only screen and (max-width:790px) {
.cd_search {
    height: 60px;
    position: fixed
  }
  .cd_search #schform{position:absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width:90%;}
  .cd_search input {
    height: 40px;
    width: 100%;
    padding: 5px
  }
}

@media only screen and (max-width:790px) {
	.wsmainfull{height:60px;}
	.logo{padding-top:0px}
	.logo img{height:35px}
	.tmenu{top:20px;}
	.wstoggle{top:0px !important;}
	.tmenu{position:absolute; right:65px;}
	.tmenu ul li a{padding: 10px 5px;}
	.tmenu ul li a span:first-child{display:none;}
	.tmenu ul li+li{margin-left: 2px;}
	.tmenu ul li a i{font-size:22px; padding-right: 4px;}
	#wstoggle {right: 25px;}
	#wstoggle:before {content: "";}
	.ms-fullscreen-template{padding-top: 60px;}
	.ms-fullscreen-template.msft{padding-top: 0px;}
	.cartBox{padding-top: 65px;}
}
@media only screen and (max-width:420px) {
	.logo2{display:none;}
}





@media only screen and (max-width:640px) {
    
}

/*member nav*/
.newscatbox{border-bottom:#DEB1B4 solid 1px; padding:5px 0px 0px 0px; margin:80px 0px 10px 0px; background:#F6EDED;z-index: 10;}
.newscatbox ul{ list-style-type:none;margin:0px; padding:0px; position: relative; height:35; overflow: hidden;}
.newscatbox ul li{margin:0px; padding:0px; height:35; float:left; margin-right: 2px; top:1px;
				  border:solid 1px #EDD4D5; border-top-left-radius: 5px; border-top-right-radius: 5px;
				  border-bottom-color:transparent;}
.newscatbox ul li a{ transition:background 0.3s, color 0.3s; -webkit-transition:background 0.3s, color 0.3s;
					 -moz-transition:background 0.3s, color 0.3s;-o-transition:background 0.3s, color 0.3s;
					 -ms-transition:background 0.3s, color 0.3s;}
.newscatbox ul li a{ display:inline-block; width:100%; height:35px; font-size:15px; font-weight:bold; color:#999;
					padding:8px 10px 0px 10px;}
.newscatbox ul li a:hover{border-top:#DEB1B4 solid 4px; color:#B4303D; padding-top: 4px; background:#FFF;}
.newscatbox ul li a.selected{border-bottom:#DEB1B4 solid 4px; color:#FFF; background:#DEB1B4;}

#nevnav > a{display: none;}
#nevnav li{position: relative;}

/*@media only screen and (max-width: 200px) {

}*/
.mdRbox, .mRbox{padding-top: 20px;}

.mdRbox h1, .mRbox h1{ font-size:20px; padding:0px 0px 15px 0px; line-height:30px; margin-bottom:5px; font-weight:600; border-bottom:#000 solid 1px;}





.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;          
}
.mybtn:focus,
.mybtn:active:focus,
.mybtn.active:focus,
.mybtn.focus,
.mybtn:active.focus,
.mybtn.active.focus {
    outline: none;          
}

/*youtube*/
center, .center{
    text-align: center;
	padding-bottom: 60px;
	max-width:1130px;
}
.youtubecontent{
	float: none;
	clear: both;
	width: 1130px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
    margin: 0px auto;
	max-width:100%;
		
}
.youtubecontent iframe,
.youtubecontent object,
.youtubecontent embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    max-width: 1130px;
    max-height: 660px;
}
@media (max-width:1200px) {
	.youtubecontent embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
@media (max-width:600px) {
	.youtubecontent iframe,
	.youtubecontent object,
	.youtubecontent embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
} 


@-webkit-keyframes fadeInRight {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0)
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none
  }
}
@keyframes fadeInRight {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0)
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(-100px, 0, 0);
	transform: translate3d(-100px, 0, 0)
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none
  }
}
@keyframes fadeInLeft {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(-100px, 0, 0);
	transform: translate3d(-100px, 0, 0)
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}