/*全站*/
html {-ms-overflow-style: scrollbar;} .hideobj{  display:none;}

*{ -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition: all 0.5s ease-out 125ms; -moz-transition: all 0.5s ease-out 125ms; -ms-transition: all 0.5s ease-out 125ms; -o-transition: all 0.5s ease-out 125ms; transition: all 0.5s ease-out 125ms;}

.swiper-wrapper, .swiper-wrapper *, .swiper-banner, .swiper-banner *{  -webkit-transition-property:-webkit-transform, left, top;	-webkit-transition-duration:0s;	-webkit-transform:translate3d(0px,0,0);	-webkit-transition-timing-function:ease;	-moz-transition-property:-moz-transform, left, top;	-moz-transition-duration:0s;	-moz-transform:translate3d(0px,0,0);	-moz-transition-timing-function:ease;		-o-transition-property:-o-transform, left, top;	-o-transition-duration:0s;	-o-transform:translate3d(0px,0,0);	-o-transition-timing-function:ease;	-o-transform:translate(0px,0px);	-ms-transition-property:-ms-transform, left, top;	-ms-transition-duration:0s;	-ms-transform:translate3d(0px,0,0);	-ms-transition-timing-function:ease;		transition-property:transform, left, top;	transition-duration:0s;	transform:translate3d(0px,0,0);	transition-timing-function:ease;	-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;	box-sizing: content-box; }

body{color:#929292; font-family:'Lato', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif; margin:0; padding:0; text-align:center; font-size:14px; overflow: hidden;}

sub, sup { 	font-size: 75%;	line-height: 0; position: relative; vertical-align: baseline; }
sup { 	top: -0.5em; }sub {bottom: -0.25em; }

img{border:0; padding:0; margin:0; vertical-align: middle;	max-width: 100%; width: auto\9; /* ie8 */}
form {margin:0;}

a{  color: #6c6c6c; text-decoration:none; blr:expression(this.onFocus=this.blur()); noFocusLine:expression(this.onFocus=this.blur());}
	a, a *, #nav a, #nav a *, #topnav>ul>li>a{-webkit-transition: all 0.3s ease 0.1s;    -moz-transition: all 0.3s ease 0.1s;    -ms-transition: all 0.3s ease 0.1s;    -o-transition: all 0.3s ease 0.1s;    transition: all 0.3s ease 0.1s;}
	.swiper-container a{ -webkit-transition-delay: 0; -moz-transition-delay: 0; -ms-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0;}
	a:hover {text-decoration:none; color:#6eaede;}
	a img {border:none;}
	a:focus { -moz-outline-style: none; outline:none; color:inherit; text-decoration:none;}

.table-container{width: 100%; overflow-y: auto;	_overflow: auto; margin: 0 0 20px;}
.table-container::-webkit-scrollbar{-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb{	border-radius: 8px;	border: 0;	background-color: rgba(0, 0, 0, .2);}
.table-container > .table{margin-bottom:0 !important;}

.btn{border-radius: 10px;}
.btn-info{background: #a1c8eb; border-color: #a1c8eb;}
.btn-info:hover{background: #5ba1df;}
.btn-primary{background: #65aadd; border-color: #5aa4db; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2)}
.btn-primary:hover{background: #4795cf}
.btn-danger{background: #e1b395; border-color: #d19f7e; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2)}
.btn-danger:hover{background: #d5a383;}

#container{width: 100%; overflow: hidden;}
.wrap{height: 1%;}
.wrap:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.wrap{margin:0 auto; width:1200px; text-align:left; padding:0 20px;}



/*---------header----------*/
.header > .wrap {width: 1440px;max-width:100%;transition: none;}
#header2{background:#aecfee; padding-bottom: 25px;}
.header *{-webkit-transition: position 0.3s ease 0.3s; -moz-transition: position 0.3s ease 0.3s; -ms-transition: position 0.3s ease 0.3s; -o-transition: position 0.3s ease 0.3s; transition:position 0.3s ease 0.3s;}
	.header--clone {  position: fixed; width:100%; z-index: 130; top: 0; left: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity: 0}
	.header--stick {-webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1}
	.sb-active .header--clone{-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}

#header{padding-bottom: 25px; background: #aecfee;}
#header.header{position: relative;}
#logo{float:right;margin-top: 22px;transition: none;}
	#logo a{display: inline-block; padding: 0;height: 70px;transition: none;}
	#logo a+a{padding-left: 14px;margin-left: 14px;border-left: 1px solid #fff;}
	#logo a > img{max-height: 100%;}
	/* #logo a:first-child { padding-right: 22px;width: 117px;height: 70px;}
	#logo a:last-child {padding-left: 22px;border-left: 1px solid #fff;width: 72px;height: 70px;} */
#nav{float: left; padding-top: 65px;}
	#nav>ul{list-style: none; margin: 0; padding: 0;}
	#nav>ul>li{float: left;}
	#nav>ul>li>a{display: block; font-size: 20px; color: #fff;font-weight: bold; padding: 5px 20px 0px; line-height:1.2em; text-shadow: 0 0 1px rgba(100, 100, 100, 0.3); cursor: pointer; position: relative;}
	#nav>ul>li>a:hover{ padding-top: 0; padding-bottom: 5px;}
	#nav>ul>li>a:hover:before{ position: relative; }
	#nav>ul>li>a>.caret{display: none;}
		#nav .dropdown-menu{ width: 100%; border: 0; border-radius: 0; padding: 0;margin-top: 25px; background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.05); box-shadow: 0 4px 10px rgba(0,0,0,.05);}
		#nav .dropdown-menu a {font-size: 16px;padding: 10px 20px;transition: ease .2s;}
		#nav .dropdown-menu a:hover{color:#333;background: #d8ecff;}
		#nav .dropdown-menu>.active>a, #nav .dropdown-menu>.active>a:hover, #nav .dropdown-menu>.active>a:focus{color:#333;background: #d8ecff;}
		#nav .dropdown-menu .wrap{text-align:center;}
		#nav #m1 .dropdown-menu .wrap{text-align:left;}
		#nav .dropdown-menu li ul{list-style: none; margin: 0; padding: 0; }
		#nav .dropdown-menu li ul li{display: inline-block; margin-right: 12px;}
		#nav .dropdown-menu li ul li a{display: block; padding: 3px 6px;  text-shadow: 0 0 1px rgba(100, 100, 100, 0.2);}
		#nav .dropdown-menu li ul li a:hover{background: #a3d0f0; color: #fff; border-radius: 4px;}

#topnav{float: left; padding-top: 65px;}
	#topnav>ul{list-style: none; margin: 0; padding: 0; position: static}
	#topnav>ul>li{float: left; }
	#topnav>ul>li>a{cursor: pointer; display: block; font-size: 20px; color: #fff; font-weight: bold; padding: 5px 20px 0px; line-height: 1.2em; text-shadow: 0 0 1px rgba(100, 100, 100, 0.3);transition: none;}
	#topnav>ul>li>a:hover{ padding-top: 0; padding-bottom: 5px;}
	#topnav>ul>li:nth-child(3), #topnav>ul>li:nth-child(4){display: none;}
.lan-T #topnav>ul>li:nth-child(2) > a:nth-child(1){display: none;}
.lan-E #topnav>ul>li:nth-child(2) > a:nth-child(2){display: none;}
	#topnav .dropdown-menu{width: 450px; border: 0; border-radius: 50px;margin-top: 25px; padding: 8px; background: rgba(255, 255, 255, 0.95);left: 50%;transform: translateX(-50%); -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.05); box-shadow: 0 4px 10px rgba(0,0,0,.05);}
	#topnav .dropdown-menu li ul{list-style: none; margin: 0; padding: 0;}
		.form-search .input-group{background: #e0f2ff; border-radius: 15px; padding-bottom: 0;}
		.form-search .form-control{background: transparent; border: 0; border-radius: 20px; box-shadow: none; color: #777}
		.form-search input[type="text"]:focus {     border-color: none;  box-shadow: none;  outline:none;}
		.form-search .btn{background: #a1c8eb; border-color: #a1c8eb; border-radius: 20px; color: #fff;}
		.form-search .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-left-radius: 20px; border-bottom-left-radius:20px;}
@media(min-width:1200px){
	.header--clone #logo a{height: 50px;}
	/* .header--clone #logo a:first-child {width: 80px;height: 50px;}
	.header--clone #logo a:last-child {width: 58px;height: 50px;} */
	.header--clone #logo a{padding-top: 0px;}
	.header--clone #nav, .header--clone #topnav{padding-top: 42px;}
}



/*---------banner----------*/
#banner>.wrap{padding: 0;}
#mainbanner{width: 160%; margin: 0 -30%;}


/*---------content---------*/
.breadcrumb{padding: 0; background-color: transparent; border-radius: 0; text-align: right; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-header{border: 0;}
.page-header>h1{font-size: 24px; color: #171717; text-shadow: 0 0 1px rgba(50, 50, 50, 0.3)}

#content{width: 100%; float: right;}
div[class^=container_msg] .txtNormal{line-height: 1.8; color: #515151;}
.panel-default{border-color: #a0cbed;}
#middle {padding-top: 20px;}


/*---------sidebar----------*/
#sidebar{width: 17%; float: left; display: none; margin-bottom: 25px;}
#sidebar .nav-header{font-size: 15px; color: #4e4e4e; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2); border-bottom: 4px #efeeeb solid; padding: 4px 3px;}
.sidefilter{margin-bottom: 25px;}
	.filter-header a{display: block; padding: 5px 0 0 5px; cursor: pointer;}
	.filter-header .control-label{margin-bottom: 0; font-size: 13px;}
	.btn-collapse{width: 20px; height: 20px; position: relative; display: block; float: right; }
    .btn-collapse:before{position: absolute; width: 7px; height: 1px; top: 9px; left: 8px; content: ''; display: block; background: #7d7d7d;}
    .btn-collapse:after{position: absolute; width: 1px; height: 7px; top: 6px; left:11px; content: ''; display: block; background: #7d7d7d; opacity: 0;}
    a[aria-expanded=true] .btn-collapse:after{opacity: 0}
	a[aria-expanded=false] .btn-collapse:after{opacity: 1}
	.filter-body{padding: 0px 10px; font-size: 13px;}
	.filter-body input[type=checkbox]{margin-top: 3px;}
.filter-body .checkbox + .checkbox{margin-top: -2px;}
#side_menu .nav-header{display: none;}
	#side_menu > ul{list-style: none; margin: 0; padding: 0;}
	#side_menu > ul > li{ padding: 2px 0 3px;}
	#side_menu > ul > li > a{display: block; font-size: 15px; line-height: 20px; padding: 17px 6px 10px; position: relative; text-shadow: 0 0 2px rgba(50, 50, 50, 0.2); color: #5c5c5c;border-bottom: 4px #efeeeb solid;}
	#side_menu > ul > li > a:before{content: ''; width: 54px; height: 54px;  background-size: cover; background-repeat: no-repeat; display: block; position: absolute; top: 0; left: 0;}
	#side_menu > ul > li > a:hover{color: #4f799f}
	#side_menu > ul > li > ul{list-style: none; margin-left: 6px; padding-left: 0;}
	#side_menu>ul>li>ul>li {background: url(../images/bg_bor.png) bottom repeat-x;}
	#side_menu > ul > li > ul > li > a{display: block; font-size: 16px; font-weight: bold;line-height: 16px; padding: 18px 0 18px 20px;}
	#side_menu > ul > li > ul > li > ul > li > a.current{color: #4f799f;}
	#side_menu > ul > li > ul > li > ul {padding-left: 0;padding-bottom: 10px;list-style: none;}
	#side_menu > ul > li > ul > li > ul > li > a {display:block;font-size: 14px;padding: 3px 0 3px 20px;}
#side_ad a{display: block; margin: 20px auto 0; text-align: center;}


/*---------footer----------*/
#footer{position: relative; margin-top: 30px;}
.footer1{background: #aecfee; padding: 50px 0;}
.footer1 a {color:#072c58}
.footer1 a:hover {color:#135fba}
.custnav{float: left;}
.custnav > div{float: left; width: 170px;} #custnav2{display: none;}
	.custnav ul{list-style: none; margin: 0; padding: 0;}
	.custnav > div > .nav-header{font-size: 16px; text-shadow: 0 0 2px rgba(50, 50, 50, 0.3); margin-bottom: 7px; display: block;  color: #072c58}

	.custnav ul > li > .nav-header > a{font-size: 13px; line-height: 15px; padding: 6px 0; display: block;}
.footer-smo{float: right}
	.footer-smo ul{list-style: none; margin: 0; padding: 0;}
	.footer-smo li{float: left; margin-left: 12px;}
	.footer-smo li a{display: block; width: 46px; height: 46px; background: #71a9df; border-radius: 50%; color: #d8eaf8; text-align: center; }
	.footer-smo li a:hover{background: #5ba1df}
	.footer-smo li a i{font-size: 24px; line-height: 46px;}

.footer2{padding: 7px 0; font-size: 12px;}
#copyright{float: left}
.ftbar{float: left;}
	.ftbar ul{list-style: none; margin: 0; padding: 0;}
	.ftbar li:before{content: '|'; margin: 0 5px;}
#footlink{float: right;}
	#footlink ul{list-style:none; margin:0; padding:0;}
	#footlink ul:before{content:'Designed by ';}
	#footlink li{display:inline;} #footlink li:after{content:', ';} #footlink li:last-child:after{content:'';}

/*---------quickmenu----------*/
#quickmenu{position: fixed; left: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 1001}
	#quickmenu ul{list-style: none; margin: 0; padding: 0;}
	#quickmenu ul li a{width: 54px; height: 54px; display: block; text-align: center;}
	#quickmenu ul li a:hover{padding-left: 20px;  width: 74px; }
	.quickmenu-fb a{background: #3a589e; color: #fff; font-size: 25px;}
	.quickmenu-fb a i, .quickmenu-ig a i{line-height: 54px;}
	.quickmenu-ig a{ color: #fff; font-size: 28px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f37134+0,d42e7a+37,5d54c9+100 */
background: rgb(243,113,52); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(243,113,52,1) 0%, rgba(212,46,122,1) 37%, rgba(93,84,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(243,113,52,1) 0%,rgba(212,46,122,1) 37%,rgba(93,84,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(243,113,52,1) 0%,rgba(212,46,122,1) 37%,rgba(93,84,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37134', endColorstr='#5d54c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
	.quickmenu-line a{background: #01b901; color: #fff; font-size: 30px; line-height: 54px;}
    .quickmenu-t a {  background: #039be5; color: #fff; font-size: 30px; line-height: 54px;}
	.quickmenu-member a, .quickmenu-cart a{font-size: 12px; padding-top: 7px;}
	.quickmenu-member a:hover, .quickmenu-cart a:hover{color: #2f2f2f}
	.quickmenu-member a{background: #fde2b9; }
	.quickmenu-cart a{background: #f2eee2;}
    .quickmenu-cart.active a{padding-left: 20px;  width: 74px; }
	.quickmenu-member-icon{width: 30px; height: 25px; background: url(../images/quicklink-member.png); background-size: cover; display: block; margin: 0 auto;}
	.quickmenu-cart-icon{width: 30px; height: 25px; background: url(../images/quicklink-cart.png); background-size: cover; display: block; margin: 0 auto;}

		#quickmenu .dropdown-menu{position: static; display: block; min-width: 0; padding: 0; margin: 0; border: 0; border-radius: 0; -webkit-box-shadow:none; box-shadow:none; float: none; background: transparent; }
		#quickmenu .dropdown-toggle{display: none;}
		#quickmenu .dropdown-menu{-moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	@media(min-width:1280px){

		#quickmenu .dropdown-toggle{display: none;}
		#quickmenu .dropdown-menu{-moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	}@media(max-width:1279px) and (min-width:768px){

		#quickmenu .dropdown-toggle{background: #a1c8eb; color: #fff; width: 25px; height: 30px; display: block; -webkit-border-top-right-radius: 15px;-webkit-border-bottom-right-radius: 15px;-moz-border-radius-topright: 15px;-moz-border-radius-bottomright: 15px;border-top-right-radius: 15px;border-bottom-right-radius: 15px; cursor: pointer;}
		#quickmenu .dropdown-toggle:hover{padding-left: 10px; width: 35px;}
		#quickmenu .dropdown-toggle i{font-size: 17px; line-height: 30px;}
		#quickmenu .dropdown-menu{-moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}
		#quickmenu .open .dropdown-menu{-moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
		#quickmenu .open .dropdown-toggle i{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
	}

/*---------topbtn----------*/
#topbtn-wrap{position: fixed; right:50%; bottom: 20px; -moz-transform: translateX(600px);-webkit-transform: translateX(600px);-o-transform: translateX(600px);-ms-transform: translateX(600px);transform: translateX(600px); z-index: 1000}
#topbtn-wrap.active-b{bottom: 40px;}
	#topbtn-wrap .wrap{width: auto; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity: 0}
	#topbtn-wrap.active .wrap{opacity: 1; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}
	#topbtn-wrap a{background: #87b8e3; width: 54px; height: 54px; border-radius: 50%; text-align: center; display: inline-block; color: #fff; margin-left: 10px; opacity: 0.7;}
	#topbtn-wrap a:hover{opacity: 1;}
	#topbtn-wrap a i{font-size: 30px; line-height: 52px;}





/* sb slide menu */
.sb-toggle-left{ float: left; display:none; height: 66px; padding: 24px 20px 0 20px; position: relative; text-align: center}
.sb-toggle-left span{font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(100, 100, 100, 0.3); padding-top: 1px}
	.navicon-line-wrap{height: 27px;}
	.navicon-line{ width:34px; height:2px; border-radius: 3px; margin-bottom:7px; background:#fff;  -webkit-transition: all 0.2s ease-out 125ms; -moz-transition: all 0.2s ease-out 125ms; -ms-transition: all 0.2s ease-out 125ms; -o-transition: all 0.2s ease-out 125ms; transition: all 0.2s ease-out 125ms;}
	.sb-active-left .sb-toggle-left .navicon-line:nth-of-type(3){transform: rotate(-45deg); position:relative; -webkit-transform: rotate(-45deg);top:0px;}
	.sb-active-left .sb-toggle-left .navicon-line:nth-of-type(2){display:none;}
 	.sb-active-left .sb-toggle-left .navicon-line:nth-of-type(1){transform: rotate(45deg); position:relative; -webkit-transform: rotate(45deg); top:9px;}
	.sb-slidebar{background-color: #e0eef9; text-align: left; padding: 0 8px;}
	.sb-slidebar a{-webkit-transition: all 0.3s ease 0.2s;    -moz-transition: all 0.3s ease 0.2s;    -ms-transition: all 0.3s ease 0.2s;    -o-transition: all 0.3s ease 0.2s;    transition: all 0.3s ease 0.2s;}
.sb-search{ background:url(../images/sb-icon1.png) repeat-x bottom; }
	.sb-search #search-wrap{ padding: 16px 8px 16px 8px; width:100%; float:none; margin-left:0;}
	.sb-search #search-wrap .input-group{padding-bottom: 0; background: rgba(255, 255, 255, 0.7); border-radius: 22px;}
	.sb-search #search-wrap .form-control{border: 0; background-color:transparent; color: #888; border-bottom: rgba(255, 255, 255, 0.2) 1px solid; box-shadow:none; -webkit-box-shadow:none; font-size: 110%; border-radius: 0;}
	.sb-search #search-wrap .btn-default{background-color: transparent; border: 0; color: #4394d0; } .sb-search #search-wrap .btn-default span{font-size: 130%;}
.sb-nav ul{list-style: none; padding: 0; margin: 0;}
.sb-nav > ul> li{background: url(../images/sb-icon1.png) repeat-x bottom; padding-bottom: 4px;}
.sb-nav > ul> li > a{display: block; line-height: 18px; padding: 14px 12px; font-size: 16px;}
.sb-nav > ul> li > a.sb-submenu-active{color: #914343;}
.sb-nav > ul> li > a:hover, .sb-nav > ul> li > a:focus{color: #6eaede;}
.sb-submenu{-webkit-transition: none;    -moz-transition: none;    -ms-transition: none;    -o-transition: none;    transition: none;}
.sb-nav > ul > li > .sb-submenu{background: rgba(255, 255, 255, 0.4); border-radius: 12px;  }
.sb-nav > ul > li > .sb-submenu{margin: 0 20px 15px; padding: 8px;}
.sb-nav > ul > li > .sb-submenu > li{background: url(../images/sb-icon2.png) bottom repeat-x; padding-bottom: 4px;}
.sb-nav > ul > li > .sb-submenu > li > a{display: block; line-height: 16px; padding: 7px 8px;  font-size: 14px; }
.sb-nav > ul > li > .sb-submenu > li > .sb-submenu{background: transparent;}
.sb-nav > ul > li > .sb-submenu > li > .sb-submenu > li > a{display: block; padding: 5px;  font-size: 13px; }
.sb-nav > ul > li > .sb-submenu > li > .sb-submenu > li > a:before{content: '-'; padding-right: 5px;}
.sb-nav > ul > li > .sb-submenu > li  a{color: #3b3b3b; font-weight: normal;}
.sb-nav > ul > li > .sb-submenu > li  a:hover, .sb-nav > ul > li > .sb-submenu > li  a:focus{color: #6eaede;}

i.sb-caret {width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 3px solid transparent; vertical-align:middle; border-top: 3px solid;	border-bottom: 0px solid transparent; }
		.sb-submenu-active > i.sb-caret {	border-top: 0px solid transparent;	border-bottom: 3px solid;}



/*---------prolist----------*/
#container[class^="container_product"] #sidebar{display: block;}
#container[class^="container_product"] #content{width: 80%; float: right;}
.thumbnails-prodlist{list-style: none; margin: 0 -10px; padding: 0;}
#result + .thumbnails-prodlist{margin-top: 15px;}
.prodlist{width: 20%; padding: 0 10px; float: left; margin-bottom: 40px;}
.prodlist:nth-child(5n+1){clear: left;}
.prodlist .thumbnail{padding: 0; margin-bottom: 0; border: 0; border-radius: 0; text-align: center;}
.prodlist .prolistdesc, .prodlist .prolistprice, .prodlist .prolistqty, .prodlist .prolistspec, .prodlist .prolistbtn{display: none}
.prodlist .cate-name a{color: #a7a7a7; font-size: 12px;}
.prodlist .listimg a{overflow: hidden; display: block;}
.prodlist:hover .listimg a img{-moz-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-ms-transform: scale(1.04);
transform: scale(1.04);}

.pagination>li>a{background: #a3d0f0; border: 0; border-radius: 25px; color: #fff; margin: 0 4px;}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-top-left-radius:25px; border-bottom-left-radius:25px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius: 25px;    border-bottom-right-radius: 25px;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background: #d2e9fa; border: 0;}
 .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{border-color: transparent; background: #f1f1f1; border-radius: 25px;}
 /*pro new*/
.page-header2 { background: url(../images/bg_bor.png) center repeat-x;}
.page-header2 > h2{background: #fff; display: inline-block; font-size: 17px; padding: 0 5px 0 0; margin: 0; text-shadow: 0 0 1px rgba(50, 50, 50, 0.3); color: #555555;}
.swiper-container-newpro .thumbnail{padding: 0 10px; margin-bottom: 40px; border: 0; border-radius: 0; text-align: center;}
.swiper-container-newpro .prolistdesc, .swiper-container-newpro .prolistprice, .swiper-container-newpro .prolistqty, .swiper-container-newpro .prolistspec, .swiper-container-newpro .prolistbtn{display: none}
.swiper-container-newpro .cate-name a{color: #a7a7a7; font-size: 12px;}
.swiper-container-newpro .swiper-slide .listimg a{overflow: hidden; display: block;}
.swiper-container-newpro .swiper-slide:hover .listimg a img{-moz-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-ms-transform: scale(1.04); transform: scale(1.04);}

/*---------proshow----------*/
#container[class*="_show"][class^="container_product"] #sidebar, #container[class*="_show"][class^="container_product"] .page-header{display: none;}
#container[class*="_show"][class^="container_product"] #content{width: 100%;}
.proshow-left{width: 74%; float: left;}

#pb_area{ text-align: center;}
.showsmall ul {  padding: 0px; margin: 0 auto;  list-style: none;}
.showsmall li { display: inline-block;}
.showsmall li img  {  margin: 3px;  padding:3px;  height:50px;}
.pro-name{font-size: 24px;     color: #171717;    text-shadow: 0 0 1px rgba(50, 50, 50, 0.3); margin-top: 6px;}
.pro-no{color: #a7a7a7; font-size: 14px; margin-bottom: 25px;}
.prodesc .txtNormal{line-height: 1.7}
.pro-inquiry{margin: 25px 0;}
.pro-inquiry strong{font-size: 20px; color: #6c6c6c; font-weight: 600}
.pro-inq-wrap{background: url(../images/bg_bor.png) top repeat-x; padding: 15px 0 0; margin: 15px 0;}
.pro-inq-wrap:after{content: ''; background: url(../images/bg_bor.png) bottom repeat-x; height: 1px; width: 100%; display: block;}
.pro-inq-wrap .proshowqty{margin-bottom: 5px;}

.pro-inq-wrap .input-group-addon{background-color: transparent; border: 0; border-radius: 0; padding-left: 0;}
.pro-inq-wrap .input-group .form-control:last-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

#prodNav{margin-top: 20px;}

#prodNav .nav-tabs{border: 0; text-align: center; background: url(../images/bg-tab.png) top left no-repeat; padding: 20px 0; position: relative;}
#prodNav .nav-tabs>li{float: none; display: inline-block; width: 30%;}
#prodNav .nav-tabs>li+li{margin-left: 8px;}
#prodNav .nav-tabs>li>a{border: 0; background: #ebebed; font-size: 15px; letter-spacing: 2px;}
#prodNav .nav-tabs>li.active>a, #prodNav .nav-tabs>li.active>a:hover, #prodNav .nav-tabs>li.active>a:focus{background: #aecfee; color: #fff;}
#prodNav .nav>li>a{padding: 5px 20px; border-radius: 20px; width: 100%; text-align: center;}
    /* tab collapse */
    #prodNav .panel-group .panel{border-radius: 15px; overflow: hidden; border: 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15); box-shadow: 0 0 5px rgba(0,0,0,.15)}
    #prodNav .panel-group .panel + .panel{margin-top: 12px;}
		#prodNav .panel-heading{padding:0; position: relative; margin: -1px -1px 0; border-radius: 15px;}
		#prodNav .panel-heading .panel-title > a{padding:10px 15px; display:block;}

		#prodNav .panel-default > .panel-heading a{ position:relative; background:#aecfee; color:#fff; }
		#prodNav .panel-default:first-child > .panel-heading a{background:#aecfee;}
		#prodNav .panel-default > .panel-heading a[aria-expanded="false"]{background:#aecfee; }
		#prodNav .panel-default > .panel-heading a[aria-expanded="true"]{background:#aecfee; }

			#prodNav .panel-default > .panel-heading a:after{content:"\f067";display: inline-block; font: normal normal normal 15px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale; position:absolute; top:12px; right:12px;}
			#prodNav .panel-default:first-child > .panel-heading a:after{content:"\f068";}
			#prodNav .panel-default > .panel-heading a[aria-expanded="false"]:after{content:"\f067";}
			#prodNav .panel-default > .panel-heading a[aria-expanded="true"]:after{content:"\f068";}



.related{width: 18%; float: right;}
.related .pshow_title{    font-size: 15px;    color: #4e4e4e;    text-shadow: 0 0 1px rgba(50, 50, 50, 0.2);    border-bottom: 4px #efeeeb solid;    padding: 4px 3px;}
.related .thumbnails{margin: 0; padding: 0; list-style: none;}
.related .prodlist{width: 100%; background: url(../images/bg_bor.png) bottom repeat-x; padding-bottom: 20px; margin-bottom: 20px;}
.related .prodlist .protlistbtn{display: none;}




/*location*/
.page-location fieldset.location-fieldset{border: 1px #a0cbed solid; padding:6px 20px 18px; border-radius: 10px; margin-bottom: 16px;}
.page-location legend{display: inline-block; border-bottom: 0; width: auto; padding: 0 5px; margin-bottom: 5px; font-size: 14px; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2);}
.page-location fieldset.location-fieldset .form-group { margin-top:0px;margin-bottom: 0;}

.location-wrap{border: #d9e8f6 3px solid; padding: 1px;}
.locationlists{ width: 340px; float: left; height: 500px; overflow-y: scroll;}
.locationlists-ti{ padding: 8px 12px 4px; color: #444; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2);}
.location-store{ position: relative;}
.location-store:before{ content: ''; height: 1px; display: block; position: absolute; top: 0; left: 5px; right: 5px; border-top: 1px #dddddd dashed;}
.location-store a{display: block; padding: 15px 18px;}
.location-store a:hover{background: #f4f4f4;}
.location-store.active a{background: #eef8ff;}
.store-name{display: block; color: #2d2d2d; font-size: 18px; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2); margin-bottom: 8px; }
.store-add, .store-tel{display: block; position: relative; padding-left: 25px; color: #6c6c6c;}
.store-add{margin-bottom: 4px;}
.store-add:before{content: "\f041"; }
.store-tel:before{content: "\f095";}
.store-add:before, .store-tel:before{display: inline-block;     font: normal normal normal 14px/1 FontAwesome;    font-size: 18px;   text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale; position: absolute; top: 2px; left: 0; color: #65aadd;}

.locationlists .pagination{border-top: 1px #dddddd dashed; padding: 10px 0 0; margin-bottom: 0;}
.locationlists .pagination li{display: none;}
.locationlists .pagination li#pagerimg, .locationlists .pagination li.active{display: inline-block;}
.locationlists .pagination li#pagerimg a{font-size: 22px; height: 32px; line-height: 16px;}
.locationlists .pagination li a{width: 100px; margin: 0; border-radius: 0;}
.location-map{margin-left: 340px;}



/*news style 0*/
.msg-list0-wrap .table{border-bottom: 1px #dddddd dashed;}
.msg-list0-wrap .table>thead>tr>th, .msg-list0-wrap .table>thead>tr>td{background: #e0eef9; border-bottom: 0; color: #555;}
.msg-list0-wrap .table>thead>tr>th:first-child{-webkit-border-top-left-radius: 18px;-webkit-border-bottom-left-radius: 18px;-moz-border-radius-topleft: 18px;-moz-border-radius-bottomleft: 18px;border-top-left-radius: 18px;border-bottom-left-radius: 18px;}
.msg-list0-wrap .table>thead>tr>th:last-child{-webkit-border-top-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px;}
.msg-list0-wrap .table>tbody>tr>th, .msg-list0-wrap .table>tbody>tr>td{border-top: 1px #dddddd dashed; padding: 12px 10px;}
.msg-list0-wrap .table>tbody>tr:first-child>th, .msg-list0-wrap .table>tbody>tr:first-child>td{border-top: 0;}
.msg-list0-wrap .table>tbody>tr>td.newsTitle a{color: #3879b2; font-size: 15px;}
.msg-list0-wrap .table>tbody>tr>td.newsTitle a:hover{color: #6eaede}
.msg-list0-wrap .newsDate{font-size: 13px; text-align: center;}
.msg-list0-wrap .newsNo{text-align: center;}



/*news style 1*/
.msg-list1-wrap #tablist thead{display: none;}
.msg-list1-wrap .table{border-bottom: 1px #dddddd dashed;}
.msg-list1-wrap .table>tbody>tr>th, .msg-list1-wrap .table>tbody>tr>td{border-top: 1px #dddddd dashed;}
.msg-list1-wrap .newsTitle a{color: #3879b2; font-size: 20px;}
.msg-list1-wrap .newsTitle a:hover{color: #6eaede}
.msg-list1-wrap .table>tbody>tr>td:first-child{width: 360px;}

/*news style 2*/
.msg-list2-wrap:after{clear: both; content: ''; display: block; height: 0;  visibility: hidden;}
.msg-list2{width: 33.33%; float: left; padding: 0 25px; margin-bottom: 25px;}
.msg-list2:nth-child(3n+1){clear: left;}
.msg-list-img{margin-bottom: 10px;}
.msg-list-img a{display: block;}
.msg-list-img a img{width: 100%;}
.msg-list-img a:hover img{opacity: 0.7;}
.msg-list-txt .newsTitle a{color: #3879b2; font-size: 24px;}
.msg-list-txt .newsTitle a:hover{color: #6eaede}
/*msg show*/
.news-date{color: #87b1d4; margin-bottom: 15px;}


/* department store*/
.store-tab-wrap{padding: 15px 15px 0;  border:1px solid rgb(160, 203, 237); box-shadow: 0 1px 1px rgba(0,0,0,.05); border-radius: 20px; }
.store-tab{/*border-bottom: 1px #dddddd dashed;*/}
.store-tab>tbody>tr>th, .store-tab>tbody>tr>td{border-top: 1px #dddddd dashed;}
.store-tab>tbody>tr:first-child>th, .store-tab>tbody>tr:first-child>td{border-top: 0; }
.store-tab>tbody>tr>th:first-child{min-width: 160px;}
.store-tab>tbody>tr>:nth-child(2), .store-tab>tbody>tr>:nth-child(3){min-width: 160px;}
.store-tab>tbody>tr>:last-child{text-align: center;}
.store-tab>tbody>tr>th{font-size: 15px; color: #4c95c9}

/*shopping link*/
.shopping-link-wrap a{display: block;}
.shopping-link-wrap .shopping-link{margin-bottom: 25px;}

/*wallpaper download*/
.wallpaper-wrap{margin-bottom: 30px;}
.wallpaper-wrap:nth-child(3n+1){clear: left;}
.wallpaper-wrap .thumbnail{border: 0; padding: 0; border-radius: 0;  box-shadow: 0 0 3px rgba(50, 50, 50, 0.08); overflow: hidden;}
.wallpaper-wrap .thumbnail a{display: block;}
.wallpaper-wrap .thumbnail img{width: 100%;}
.wallpaper-wrap:hover .thumbnail a img{-moz-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-ms-transform: scale(1.04); transform: scale(1.04); opacity: 0.8}
.wallpaper-wrap  .caption h4{font-size: 16px; display: inline-block; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2); margin-right: 5px;}
.wallpaper-wrap  .caption .btn{padding: 3px 6px; border-radius: 4px; margin-bottom: 4px;}

/*download page*/
.espe-nav-pills .nav>li{margin-right: 12px; margin-bottom: 4px;}
.espe-nav-pills .nav>li>a{padding-top: 4px; padding-bottom: 4px; border-radius: 15px;}
.espe-nav-pills .nav>li>a{background: #e0eef9; font-size: 14px;}
.espe-nav-pills .nav>li>a:hover{background: #8cb5d4;  color: #fff;}

.page-header3{position: relative; margin-top: -10px;}
.page-header3 h2{font-size: 17px; text-shadow: 0 0 1px rgba(50, 50, 50, 0.3); padding: 0 4px; margin: 0 0 15px;  background: #fff; display: inline-block;}
.download-page .panel{padding: 0px 15px 0; margin-top: 15px;}
.download-page .panel + .panel{margin-top: 35px;}
.tab-download{/*background: url(../images/sb-icon2.png) top repeat-x;*/}
.tab-download>tbody>tr>td, .tab-download>tbody>tr>th{ border-top: 0; background: url(../images/sb-icon2.png) bottom repeat-x;}
.tab-download>tbody>tr:last-child>td, .tab-download>tbody>tr:last-child>th{background: none;}
.tab-download-no{width: 8%; color: #999;}
.tab-download-ic{width: 10%; text-align: center;}
.tab-download-ti{width: 32%;}
.tab-download>tbody>tr>td.tab-download-no{position: relative; padding-left: 18px;  padding-top: 11px;}
.tab-download>tbody>tr>td.tab-download-no:before{ content: ''; width: 5px; height: 5px; display: block;position: absolute; top:20px; margin-top: -2px; left: 4px; background: #75b2e5; }
.tab-download>tbody>tr>td.tab-download-none:before{display: none;}
.tab-download-ti a{margin-right: 6px; margin-bottom: 3px; padding: 2px 0; display: inline-block;}
.tab-download-ti a:first-child{font-size: 15px; }
.tab-download-ti .btn{background: #e0eef9; border: 0; padding: 2px 10px;}
.tab-download-ti .btn:hover{background: #8cb5d4;  color: #fff;}
.tab-download-ti .btn img{margin-right: 4px;}


/*blog command*/
.bloger-command{margin-bottom: 30px;}
.bloger-command .thumbnail{margin-bottom: 6px; border: 0; padding: 0; box-shadow: rgba(50, 50, 50, 0.08) 0px 0px 3px; overflow: hidden; border-radius: 0;}
.bloger-command .thumbnail a{display: block;}
.bloger-command .thumbnail img{width: 100%;}
.bloger-command:hover .thumbnail a img{-moz-transform: scale(1.04);-webkit-transform: scale(1.04);-o-transform: scale(1.04);-ms-transform: scale(1.04); transform: scale(1.04); opacity: 0.8}
.bloger-command .caption h4{color: #3879b2; font-size: 16px;}
.bloger-command .caption h4 a{color: #3879b2;}
.bloger-command .caption h4 a:hover{color: #6eaede;}
.bloger-command-wrap hr {border-top: 1px #dddddd dashed;}
.bloger-command-wrap .bloger-title {font-size: 24px; color: #171717; text-shadow: 0 0 1px rgba(50, 50, 50, 0.3);}
.bloger-command:nth-child(3n+1) { clear: both; }
@media (max-width: 991px) {
	.bloger-command:nth-child(3n+1) { clear: none; }
	.bloger-command:nth-child(2n+1) { clear: both; }
}

/*bbs*/
.bbs-btn{border-radius: 15px}
.tab-bbs-wrap{padding: 15px;  border:1px solid rgb(160, 203, 237); box-shadow: 0 1px 1px rgba(0,0,0,.05); border-radius: 20px; margin-top: 15px;}
#tab-bbs>thead>tr>th, #tab-bbs>thead>tr>td{background: #e0eef9; border-bottom: 0; color: #555; white-space: nowrap;}
#tab-bbs>thead>tr>th:first-child{-webkit-border-top-left-radius: 18px;-webkit-border-bottom-left-radius: 18px;-moz-border-radius-topleft: 18px;-moz-border-radius-bottomleft: 18px;border-top-left-radius: 18px;border-bottom-left-radius: 18px;}
#tab-bbs>thead>tr>th:last-child{-webkit-border-top-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px;}
#tab-bbs>tbody>tr>th, #tab-bbs>tbody>tr>td{border-top: 0; background: url(../images/sb-icon2.png) bottom repeat-x; padding: 10px 8px;}
#tab-bbs>tbody>tr>td .btn{border-radius: 15px; padding-top: 3px; padding-bottom: 3px;}
.tab-bbs-ti > a{display: block; padding: 1px 0;}
#tab-bbs>tbody>tr>td.tab-bbs-btn{padding: 5px 8px;}
.tab-bbs-btn, .tab-bbs-re, .tab-bbs-no{text-align: center;}



.bbs-main-wrap {background: #e0eef9; border-radius: 20px; padding: 15px 20px 10px; margin-top: 15px; color: #666}
.bbs-main-q-ti{font-size: 16px; color: #555; text-shadow: 0 0 1px rgba(50, 50, 50, 0.2);  margin-bottom: 8px; }
.bbs-main-q-user{color: #555; font-size: 15px; text-shadow: 0 0 1px rgba(50, 50, 50, 0.15);}
.bbs-main-q-label{font-size: 13px; color: #3a78b1}
.bbs-main-q-ti + .bbs-main-q-label{clear: left}
.bbs-main-q-txt-wrap{background: url(../images/sb-icon2.png) top repeat-x; padding: 15px 0; margin-top: 12px;}
.bbs-main-q-txt{ font-size: 15px;}

.bbs-replay-wrap{border-radius: 20px; border:1px solid rgb(160, 203, 237); box-shadow: 0 1px 1px rgba(0,0,0,.05); padding: 15px 20px 10px; margin-top: 30px; position: relative;}
.bbs-replay-wrap:before{width: 0;height: 0;border-style: solid;border-width: 20px 0 0 20px; border-color: transparent transparent transparent #a0cbed ; content: ''; position: absolute; top: -20px; left: 20px;}
.bbs-replay-wrap:after{width: 0;height: 0;border-style: solid;border-width: 18px 0 0 18px; border-color: transparent transparent transparent #fff ; content: ''; position: absolute; top: -18px; left: 21px;}
.bbs-replay-name span{font-size: 16px; text-shadow: 0 0 1px rgba(50, 50, 50, 0.3); color: #666;}
.bbs-replay-date{text-align: right; font-size: 12px; color: #a1c8eb; }
.bbs-replay-txt{font-size: 15px; color: #666; clear: left; background: url(../images/sb-icon2.png) top repeat-x; padding-top: 12px; margin-top: 8px;}



/*faq*/
#faqlist .panel{border-radius: 20px; overflow: hidden;}
#faqlist .panel-default>.panel-heading{background: #edf5fc; border-color: #a0cbed; border-top-left-radius: 20px;    border-top-right-radius: 20px; padding: 0; }
#faqlist .panel-default>.panel-heading .panel-title{font-size: 15px;}
#faqlist .panel-default>.panel-heading+.panel-collapse>.panel-body{border-color: #a0cbed; color: #666; line-height: 1.7}
#faqlist .panel-default>.panel-heading a{padding: 10px 15px; display: block;}
/*#faqcate fieldset.over-border > div {margin-top: 0;}*/

/*contact */
.contact-txt-wrap{font-size: 15px; color: #666; }
.contact-txt{margin-bottom: 6px;}
.contact-txt a{color: #548dd4; font-weight: 600} .contact-txt :hover{color: #6eaede;}

/*story*/
.container_msgm4 #footer:before, .container_msgm4 #footer:after{display: none;}
.company-story-wrap{font-size: 16px; line-height: 2.2em; position: relative; padding-bottom: 35%; margin: 0 -32.759% -75px; background: url(https://www.ku-ku.com.tw/proimages/company/story_bg.jpg) bottom center no-repeat; }
.company-story-txt{text-align: center; position: relative; z-index: 2; text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); margin: 0 19.8%;}

/*about*/
.company-about-wrap{font-size: 15px; line-height: 2.2em;}
.company-about-wrap p + p{margin-top: 1.8em}
.company-about-sec1-wrap, .company-about-sec2-wrap{margin-bottom:36px;}
.company-about-sec1-wrap:after, .company-about-sec2-wrap:after, .company-about-sec3-wrap:after{clear: both; content: ''; display: block; overflow: hidden; height: 0;}
.company-about-sec1-txt{float: left; width: 53%;}
.company-about-sec1-img{float: right; width: 43%;}
.company-about-sec2-txt{float: right; width: 60%}
.company-about-sec2-img{float: left; width: 36%;}
.company-about-sec3-txt{width: 48%; float: left;}
.company-about-sec3-img{width: 45%; float: right}


.container_privacy .txtNormal ul li{margin-bottom: 0.7em;}
.container_privacy .txtNormal ul li ul{margin-top: 0.3em;}
.container_privacy .txtNormal ul li ul li{margin-bottom: 0.4em;}

/*會員登入項目*/
#login-tabs li{  background:none;}
#login-tabs a{  color:#000;  background:none;}
#login-tabs a:hover,#login-tabs a:focus{  text-decoration: underline;  background:none;  color:#000;}
/**表單元素**/
fieldset.over-border {  border: 1px solid rgb(160, 203, 237) !important;  padding: 0 1.4em 1.4em 1.4em !important;  margin: 0 0 1.4em 0 !important;  border-radius: 16px;}
legend.line-border {  font-size: 16px !important;  text-align: left !important;  width:inherit;  border-bottom:none; padding: 0 5px; background: #fff; display: inline-block; margin-bottom: 0;}
fieldset.over-border > div { margin-top:20px; }
.form-horizontal .control-label{color: #555;}
.red{  color: #cc0000;}
.radio-inline input[type='radio'] {  margin-left: -20px;  float: left;}
.radio-inline {  padding-left: 20px;  font-weight: normal;  margin-bottom: 0px;  vertical-align: middle;  display: inline-block;  cursor: pointer;}
.help-inline{  vertical-align: middle;  display: inline-block;  padding-top:5px;  float:left;  padding-left:0px;  cursor: default;}
.control-label{  cursor: default;}
.form-show .input-prepend {  clear:both;}
fieldset.instep-border {  border: 1px solid #ccc !important;  padding: 0 16px 16px 16px !important;  margin: 0 0 16px 0 !important;  border-radius: 15px; /*圓角*/
  background:#eeeeee;  height:100px;  font-weight:bold;  color:#000000;  text-align: center;}
fieldset.step-border {  border: 1px solid #ccc !important;  padding: 0 16px 16px 16px !important;  margin: 0 0 16px 0 !important;  border-radius: 15px; /*圓角*/  height:100px;  text-align: center;}
legend.stepline-border {  text-align: center !important;  width:inherit;  border-bottom:none;}
.enlarge{clear:both;}
@media only screen and (max-width : 480px) {
	.navbar-inner li {display:block; width:100%;}
}

/*產品介紹頁*/
.thumbnail img{  margin-right: auto;  margin-left: auto;  display: block;  max-width: 100%;}
.input-group {  display: table;  padding-bottom:10px;  width: 100%;}
.input-group .form-control {  margin-bottom: 0px;}
/*.txtNormal {  overflow:auto;  width:100%;}*/
.listtxtspec .input-prepend{  padding:1px 0px;  margin:0px;}
.clear{  clear:both;}
#lineqty{  width:30%;}

/*首頁用*/
#index_msg_ul a{  background:#eee;  padding:8px 15px;  font-size:16px;  color:#000;}
#index_msg_ul a:hover{  background:#eee;  padding:8px 15px;  font-size:16px;  color:#000;}
#index_msg_ul .msgcont{}
#idxprocarousel  img {  vertical-align : middle;}
#idxprocarousel .caption {    background : #666; padding : 5px;}
#idxprocarousel .caption a {    color : #fff;}
/***style for banner's arrows and pagination ****/
.swiper-banner .arrow-left, .swiper-product .swiper-button-prev {  position: absolute;  left: 1%;  top: 40%;  width: 17px;  height: 30px;z-index:99;}
.swiper-banner .arrow-right, .swiper-product .swiper-button-next {  position: absolute;  right: 1%;  top: 40%;  width: 17px;  height: 30px;z-index:99;}
.swiper-banner .page-banner, .swiper-product .swiper-pagination{  position: absolute;  left: 0; z-index:99;  text-align: center;  bottom:0;  width: 100%;}
.swiper-banner .swiper-pagination-switch, .swiper-product .swiper-pagination-switch {  display: inline-block;  width: 10px;  height: 10px;  border-radius: 10px;  background: #999;  box-shadow: 0px 1px 2px #555 inset;  margin: 0 3px;  cursor: pointer;}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch {  background: #fff;}
/***style for banner's arrows and pagination end ****/

/*style for google map  2015.10.21*/
.googlemap { width:100%; height:12em; }
.listimg a.btn.btn-link {    display: initial;}




@media(max-width:1199px){ /*col-md size*/
	.wrap{width: 100%;}
	.header .wrap{padding: 0 10px;}
	#logo a{height: 59px;}
	.header--clone #logo a{height: 50px;}
	.header--clone #nav, .header--clone #topnav{padding-top: 56px;}
	#nav>ul>li>a{padding: 0 15px; font-size: 18px;}
	#topnav>ul>li>a{padding: 0 15px;font-size: 17px;}
	#topnav>ul>li>a:hover, #nav>ul>li>a:hover{padding-bottom: 3px;}
	#topbtn-wrap{right:0px;-moz-transform: translateX(0);-webkit-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
	#footer:before{margin-left: 0; left: 0;}
	#footer:after{margin-right: 0; right: 0}



    .proshow-left, .related{width: auto; float: none;}
    .related .prodlist{width: 33.33%; background: none;}

    #sidebar{width: 20%}
    #side_menu > ul > li > ul > li > a{font-size: 13px;}
    #container[class^="container_product"] #content{width: 77%;}
    .prodlist{width: 25%;}
    .prodlist:nth-child(5n+1){clear: none;}
    .prodlist:nth-child(4n+1){clear: left;}

	.msg-list1-wrap .table>tbody>tr>td:first-child{width: 33%;}
	.msg-list2{padding: 0 15px;}
	.msg-list-txt .newsTitle a{font-size: 20px;}

	.company-story-wrap{background-size: 165.518% auto; background-image: url(https://www.ku-ku.com.tw/proimages/company/story_bg-s.jpg);}

}@media(max-width:991px){ /*col-sm size*/
	 .prodlist{width: 33.333%;}
	 .prodlist:nth-child(4n+1){clear: none;}
    .prodlist:nth-child(3n+1){clear: left;}
	#header{padding-bottom: 15px;}
	.header > .wrap{padding-left: 0; padding-right: 10px;}
	#logo {margin-top: 15px;}
    #nav{padding-top: 1px;}
    .header--clone #nav, .header--clone #topnav{padding-top: 1px;}
    #nav>ul>li{border-right: 1px dashed #fff;padding-left:4px;}
    #nav>ul>li>a{line-height: 24px;  text-align: center; font-size: 15px; }
	#nav>ul>li>a:before{float: none; margin: 0 auto;}
    #nav #m1, #nav #m4, #nav #m5{display: none;}
	#nav>ul>li.dropdown>a:after{display: none;}
	#quickmenu{display: none;}
	#topnav{padding-top: 1px;}


	#topnav>ul{padding-left:4px;}
	#topnav>ul>li{ padding-right:4px;border-right: 1px dashed #fff;}
	#topnav>ul>li>a{line-height: 24px;  text-align: center; font-size: 15px; }
	#topnav>ul>li>a:before{float: none; margin: 0 auto;}
	#topnav>ul>li:nth-child(2), #topnav>ul>li:nth-child(3){display: block;}
	.sb-toggle-left{display: block;}

  #container[class^="container_product"] #sidebar{ display: none;}
  #container[class^="container_product"] #content{ width: 100%; }

	/*about*/
	/*.company-about-sec1-txt, .company-about-sec1-img{float: none; width: auto;}*/
	.company-about-sec1-txt, .company-about-sec2-txt, .company-about-sec3-txt{float: none; width: auto;}
	.company-about-sec1-img{margin: 0 0 3% 3%; width: 50%;}
	.company-about-sec2-img{margin: 0 3% 3% 0; width: 50%;}
	.company-about-sec3-img{width: 33%; margin: 0 0 3% 3%;}

}@media(max-width:768px){
	.sb-site, .sb-site-container{padding: 0 !important;}

}@media(max-width:767px){ /*col-xs size*/
	/**/
    #nav{display: none;}
    /**/

    .custnav > div{width: 140px;}
    #footlink{float:left; clear: left; margin-top: 4px;}
    #topbtn-wrap.active-b{bottom: 60px;}

    #container[class^="container_product"] #result{font-size: 13px;}

    #pb_area_mobile .swiper-slide{text-align: center;}

	.msg-list1-wrap .newsTitle a{font-size: 17px;}
	.msg-list1-wrap .table>tbody>tr>td:first-child{width: 40%;}
	.msg-list2{width: 50%;}
	.msg-list2:nth-child(3n+1){clear: none;}
	.msg-list2:nth-child(2n+1){clear: left;}

    .location-fieldset [class^="col-sm-"] + [class^="col-sm-"]{margin-top: 12px;}
    .locationlists{width: 240px;}
    .store-name{font-size: 16px;}
    .locationlists .pagination li a{width: 83px;}
    .location-map{margin-left: 240px;}
    .wallpaper-wrap:nth-child(3n+1){clear: none;}
	.wallpaper-wrap:nth-child(2n+1){clear: left;}

	.newsDate{white-space: nowrap;}
	.tab-download-ti{min-width: 250px;}
	.tab-bbs-ti{min-width: 280px;}
	.bbs-main-q-user{margin-bottom: 7px;}
	.bbs-main-q-txt{margin-top: 7px;}

	.company-story-wrap{/*background-size: 250% auto; padding-bottom: 55%; */font-size: 15px; line-height: 2em}

}@media(max-width:600px){
	#logo a{padding-top: 5px;height: 50px;}
	#topnav>ul>li>a{line-height: 20px;}
    #topnav>ul>li>a:before{height: 34px; }
    .sb-toggle-left{height: 58px;  padding-left: 15px; padding-right: 15px;}
    .navicon-line-wrap{height: 25px;}

	.page-header{margin: 20px 0 10px; padding-bottom: 5px;}
    .footer1{padding-bottom: 15px;}
    .custnav{float: none;}
    .custnav > div{width: 33.33%;}
    .custnav:after{clear: both; content: ''; display: block; height: 0; visibility: hidden;}
    .footer-smo{float: none; margin-top: 12px;}
    .footer-smo li{margin-left: 0; margin-right: 12px;}
    .footer-smo li a{width: 34px; height: 34px;}
    .footer-smo li a i{line-height: 34px; font-size: 20px;}

    #topbtn-wrap.active-b{bottom: 70px;}
    #topbtn-wrap a{width: 34px; height: 34px; margin-left: 4px;}
    #topbtn-wrap a i{line-height: 34px; font-size: 24px}

    .prodlist{width: 50%;}
	 .prodlist:nth-child(3n+1){clear: none;}
    .prodlist:nth-child(2n+1){clear: left;}

	.msg-list1-wrap .newsTitle a{font-size: 16px;}
	.msg-list-txt .newsTitle a{font-size: 17px;}

    .locationlists{width: auto; float: none; height: 250px;}
    .location-store a{padding: 12px 15px;}
    .store-name{margin-bottom: 5px;}
    .store-add{margin-bottom: 2px;}
    .location-map{margin-left: 0px;}
    .location-map iframe{height: 250px;}

	.tab-download>tbody>tr>td{display: block; float: left;}
	.tab-download>tbody>tr>td, .tab-download>tbody>tr>th{background-position: top;}
	.tab-download>tbody>tr:last-child>td, .tab-download>tbody>tr:last-child>th{background: url(../images/sb-icon2.png) top repeat-x;}
	.tab-download>tbody>tr:first-child>td:nth-child(1), .tab-download>tbody>tr:first-child>td:nth-child(2), .tab-download>tbody>tr:first-child>td:nth-child(3),  .tab-download>tbody>tr:first-child>th:nth-child(1), .tab-download>tbody>tr:first-child>th:nth-child(2), .tab-download>tbody>tr:first-child>th:nth-child(3){background: none;}
	.tab-download-no{width: 16%; clear: left;}
	.tab-download-ic{width: 20%;}
	.tab-download-ti{width: 64%; min-width: 0;}
	.tab-download>tbody>tr>td.tab-download-none{display: none;}
	.tab-download-none + .tab-download-ti, .tab-download-none + .tab-download-ti +.tab-download-ic{display: none;}

	.bbs-main-wrap div[class^=col-]{width: 100%;}
	.bbs-main-wrap .bbs-main-q-label{display: none;}
	.bbs-main-q-ti{color: #333;}
	.bbs-main-q-user{margin-bottom: 0;}
	.bbs-main-q-date{font-size: 12px; color: #a1c8eb;}
	.bbs-replay-wrap .col-xs-6{width: 100%;}
	.bbs-replay-date{text-align: left;}

	.contact-txt-wrap .col-xs-6{width: 100%;}

	.company-about-wrap{font-size: 14px; line-height: 1.9}
}@media(max-width:480px){
    .sb-toggle-left{padding-left: 12px; padding-right: 12px;}
	#topnav{display: none;}

    #topbtn-wrap.active-b{bottom: 85px;}

    #footer:before{display: none;}
    /* .prodlist{width: 100%;} */
    .related .prodlist{width: 50%;}
    /* .prodlist:nth-child(3n+1){clear: none;} */
    /* .prodlist:nth-child(2n+1){clear: left;} */
    .prodlist .cate-name-more a, .swiper-container-newpro .cate-name-more a{font-size: 13px;}

	.msg-list1-wrap .table>tbody>tr>td:first-child{width: auto; text-align: center; padding-top: 15px;}
	.msg-list1-wrap .table>tbody>tr>td:nth-child(2){border-top: 0; padding-bottom: 15px;}
	.msg-list1-wrap .table>tbody>tr>td, .msg-list1-wrap .table>tbody>tr>th{display: block;}
	.msg-list2{width: auto; float: none;}
	.msg-list2:nth-child(2n+1){clear: none;}
	.msg-list-img{text-align: center;}


	.wallpaper-wrap  .caption .btn{ font-size: 13px;}

	.tab-download>tbody>tr>td{padding-top: 2px;}
	.tab-download>tbody>tr>td.tab-download-ti, .tab-download>tbody>tr>td.tab-download-ic{background: none;}
	.tab-download-no{width: 100%; padding-bottom: 2px; padding-top: 5px;}
	.tab-download-ti{width: 80%; clear: left;}

	.company-story-wrap{font-size: 14px;}

	.company-about-sec1-img, .company-about-sec2-img, .company-about-sec3-img{width: auto; float: none; margin: 0 0 30px 0;}
}@media(max-width:359px){
    .sb-toggle-left{padding-left: 8px; padding-right:8px;}
    #topnav>ul>li>a{padding-left: 5px; padding-right:5px;}

    .footer2 > .wrap{text-align: center;}
    #copyright, .ftbar, #footlink{float:none; display: inline-block;}
    .ftbar{margin-top: 4px;}
    .ftbar li:before{content: '';}

    #topbtn-wrap.active-b{bottom: 105px;}
}@media(max-width:320px){
    body, .header--clone{min-width: 320px;}

}

/* temp for cart & member*/
.quickmenu-member, .quickmenu-cart, .topnav-member, .topnav-cart, .proshowqty{display: none !important;}


/* about kuku plus */
.about-kuku-plus {font-size: 20px;padding: 60px 0;background: url(https://www.ku-ku.com.tw/proimages/company/kuku-plus/kuku-plus--bg.jpg) top center no-repeat;background-size: cover;}
.about-kuku-plus>* {padding-bottom: 60px;}
.about-kuku-plus h2 {font-size: 46px;}
.about-kuku-plus .row {padding-bottom: 90px;}
.about-kuku-plus .row>* {padding-bottom: 30px;}

@media(max-width:991px) {
	.about-kuku-plus {font-size: 18px;}
	.about-kuku-plus h2 {font-size: 38px;}
	.about-kuku-plus>* {padding-bottom: 30px;}
}


@media(max-width:767px) {
	.about-kuku-plus {font-size: 16px;}
	.about-kuku-plus>* {padding-bottom: 20px;}
}


/*  about kuku */
.about-kuku h2 {font-size: 46px;}
.about-kuku > * {padding-bottom: 60px;}
.about-kuku .row {padding-bottom: 30px;}
.about-kuku p+p{margin-top:48px;}
.about-kuku--txt{min-height: 19vw;padding-right: calc(33.333% + 15px);position:relative;padding-bottom: 0;}
.about-kuku--txt_img {width: 33.333%;position: absolute;right: 0;bottom: 0;}
@media(min-width:768px) {
    .about-kuku .row .col-xs-full {background-color: transparent !important;}
}
@media(max-width:991px) {
	.about-kuku>* {padding-bottom: 30px;}
	.about-kuku h2 {font-size: 38px;}
	.about-kuku p+p{margin-top:24px;}
	.about-kuku--txt{padding-right:0;text-align: right;}
	.about-kuku--txt p {text-align:left;}
	.about-kuku--txt_img{position:static;margin-top:20px;width: auto;max-width: 50%;}
}
@media(max-width:767px) {
	.about-kuku .row{padding-top: 250px;position:relative;}
	.col-xs-full {width: 100%;position: absolute;top: 0;left: 15px;height: calc(250px - 30px);width: calc(100% - 30px);text-align: center;}
	.col-xs-full img {max-height: 100%;}
}