@charset "utf-8";
/* CSS Document */
body{color:#333;}
hr{border-color:#ddd;}
a{color:#666;}
a:hover{color:#222;}
.btn-style,.btn,.btn-color{color:#fff;background:#7b7b7b; border:1px #7b7b7b solid;}
.btn-style:hover,.btn:hover,.btn-color:hover{ color:#fff; background:#9d9d9d;	border:1px #9d9d9d solid;}
.form-control, select, textarea, input[type=text] {background: #fff; border:1px solid #bbb;}
.gotop{background-color:rgba(255,255,255,0.9); background-color:#fefefe \9;}
/*================================================*/
.header{background: none; box-shadow:none;/*選單無框*/}
.container-right{background: #fff;}
.webtitle{ color:#fff;}
@media  (min-width: 768px) {
	.header{box-shadow:none;/*選單無框*/}
}

.hasdropmenu:after{border-top: 6px solid #ddd;}
.major-menu > li:hover .hasdropmenu:after{	border-top: 6px solid #fff;}
.major-menu > li > a {color:#fff; border-bottom:1px solid rgba(255,255,255,0.5); border-bottom:1px solid #ccc \9;}

.major-menu > li:hover > a{	background: rgba(150,150,150,0.3); color:#333 \9;}
.major-menu > li:hover > ul{border-bottom:2px solid rgba(255,255,255,0.5);	border-bottom:2px solid #ccc \9;}
.major-menu > li:hover > ul > li > a {	border-bottom:1px solid rgba(255,255,255,0.5); border-bottom:1px solid #ccc \9; background:rgba(0,0,0,0.8); background: #222 \9; color:#fff;}
.major-menu > li:hover > ul > li > a:before{background: rgba(255,255,255,0.3);}
.major-menu > li > ul > li > a:hover {	background: rgba(255,255,255,0.8); background: #999 \9; color:#333;}
.major-menu-wrap select {background: rgba(0,0,0,0.8); color:#222 \9; color:#fff; border:1px solid rgba(255,255,255,0.2); border:1px solid #ddd \9;}
@media  (min-width: 768px) {
	.major-menu { display: block; margin:0;}
	.major-menu-wrap{ padding:0; overflow-y:auto;}
	.major-menu-wrap select { display:none; }
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:rgba(255,255,255,0.2); background-color:#999 \9;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color:rgba(255,255,255,0.15); background-color:#ddd \9;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:rgba(255,255,255,0.15); background-color:#ddd \9;}
/*================================================*/
/*內容區是白，按色底唯一同亮色底的版*/
.affiliated{background:rgba(255,255,255,0.5); background:#fefefe \9; border:1px solid  rgba(0,0,0,0.2);border:1px solid #999 \9;}
.header-nav-wrap > ul > li > a{border-right:1px solid  rgba(0,0,0,0.2);border-right:1px solid #999 \9;}
.header-nav-wrap > ul > li:first-child > a{border-left:1px solid rgba(0,0,0,0.2); border-left:1px solid #999 \9;}
.header-nav-wrap > ul > li > a:hover{ background:#fff; border-bottom: 2px solid rgba(0,0,0,0.2); border-bottom: 2px solid #999 \9;}
a.btn-pcate,.btn-pcate{color:#333;}
.btn-pcate:hover{ background:#fff; border-bottom: 2px solid rgba(0,0,0,0.2); border-bottom: 2px solid #999 \9; color:#333;}
.btn-pcate:before{border-top: 6px solid #666;}
.btn-pcate.active{background:rgba(0,0,0,0.5); background:#666 \9;	color:#fff;}
.side-category{background:#fff;	border:1px solid rgba(0,0,0,0.1); border:1px solid #ddd \9;}
.sub-list li a{	color:#333;}
.sub-list > li > a{	border-top:1px solid rgba(0,0,0,0.2); border-top:1px solid #999 \9;}
.sub-list li a:hover{color:#333;background:none; text-decoration:none;}
.sub-list li a.mark{color:#666;	background:rgba(255,255,255,1); background:#f5f5f5 \9;}
.sub-list > li > ul > li > a:before{background: rgba(0,0,0,0.2); background:#999 \9;}
.sub-list > li > ul > li > a{color:#666;}
.sub-list > li > ul > li > a.mark{	color:#333;	background:rgba(0,0,0,0.1); background:#ccc \9;}
.sub-list > li > ul > li > a:hover{text-decoration:underline;}
.search-box{background:#fff; border:1px solid rgba(0,0,0,0.2); border:1px solid #999 \9; color:#333;}
.btn-search{
	background:url(https://img.okweb.asia/3006/svg/zoom.svg) no-repeat 0 0;}
@media (max-width: 1020px) {
	.marquee-wrap{border-bottom:1px solid rgba(0,0,0,0.2); border-bottom:1px solid #999 \9;}
}
@media (max-width: 767px) {
	.btn-pcate{border-top:1px solid rgba(0,0,0,0.2); border-top:1px solid #999 \9;}
	.header-nav-wrap > ul > li > a,.header-nav-wrap > ul > li:first-child > a{	border:none;}
}
.footer{ border-top:1px solid rgba(0,0,0,0.2); border-top:1px solid #999 \9;margin:0 0;}
.footer-menu ul li:before{ background:rgba(0,0,0,0.2); background:#999 \9;}
.footer-menu ul li a{color:#333;}
.footer-menu ul li a:hover{	color:#666;}

.btns-social li a{background-color:rgba(0,0,0,0.2);	border:3px solid rgba(0,0,0,0);}
.btns-social li a:hover{background-color: rgba(0,0,0,0.5); border:3px solid rgba(0,0,0,0);}