@charset "utf-8";
/* CSS Document */
body{color:#fff;}
hr{border-color:#999;}
a{color:#fff;}
a:hover{color:#B1DEE9;}
.btn-style,.btn,.btn-color{color:#ccc; background-color:rgba(0,0,0,0.5); background-color:#333 \9; border:1px solid rgba(255,255,255,0.5);border:1px solid #999 \9; }
.btn-style:hover,.btn:hover,.btn-color:hover{ color:#111; background:rgba(255,255,255,0.5); background:#999 \9; border:1px solid rgba(255,255,255,0.5);border:1px solid #999 \9; }
.form-control, select, textarea, input[type=text] {background:rgba(0,0,0,0.8); background:#111 \9; border:1px solid rgba(255,255,255,0.5); border:1px solid #999 \9; color:#fff;}
.gotop{background-color:rgba(50,50,50,0.9); background-color:#333 \9;}
/*================================================*/
.header{background: none; margin:0;  box-shadow:none;/*選單無框*/}
.container-right{background: none; margin:0; padding:1em;}
.webtitle{ color:#fff;}
@media  (min-width: 768px) {
	.header{margin:0; /*選單無框置頂+左*/-webkit-border-radius:0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0; }
	.container-right{margin:0 1em; padding:0;/*內容無框置頂*/ box-shadow:none;-webkit-border-radius:0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
}
@media  (min-width: 1021px) {
	.header{margin:0;} /*選單無框置頂+左*/
	.container-right{margin:0 2em; padding:0;}/*內容無框置頂*/
}
.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(0,0,0,0.5); background:#333 \9; border:1px solid  rgba(255,255,255,0.2);border:1px solid #999 \9; color:#fff;}
.header-nav-wrap > ul > li > a{border-right:1px solid  rgba(255,255,255,0.2);border-right:1px solid #999 \9;}
.header-nav-wrap > ul > li:first-child > a{border-left:1px solid rgba(255,255,255,0.2); border-left:1px solid #999 \9;}
.header-nav-wrap > ul > li > a:hover{ background:rgba(255,255,255,0.1); background:#222 \9; border-bottom: 2px solid rgba(255,255,255,0.2); border-bottom: 2px solid #999 \9;}
a.btn-pcate,.btn-pcate{color:#fff;}
.btn-pcate:hover{background:rgba(255,255,255,0.1); background:#222 \9; border-bottom: 2px solid rgba(255,255,255,0.2); border-bottom: 2px solid #999 \9; color:#fff;}
.btn-pcate:before{border-top: 6px solid #ddd;}
.btn-pcate.active{background:rgba(255,255,255,0.3); background:#222 \9; color:#fff;}
.side-category{background:#111;	border:1px solid #666;}
.sub-list li a{	color:#fff;}
.sub-list > li > a{	border-top:1px solid #666;}
.sub-list li a:hover{color:#fff;background:#222; text-decoration:none;}
.sub-list li a.mark{color:#fff;	background:#333;}
.sub-list > li > ul > li > a:before{background: #999;}
.sub-list > li > ul > li > a{color:#fff;}
.sub-list > li > ul > li > a.mark{	color:#fff;	background:#666;}
.sub-list > li > ul > li > a:hover{text-decoration:underline;}
.search-box{background:rgba(0,0,0,0.8); background:#111 \9; border:1px solid rgba(255,255,255,0.2); border:1px solid #999 \9; color:#fff;}
.btn-search{
	background:url(https://img.okweb.asia/3006/svg/white/zoom.svg) no-repeat 0 0;}
@media (max-width: 1020px) {
	.marquee-wrap{border-bottom:1px solid rgba(255,255,255,0.2); border-bottom:1px solid #999 \9;}
}
@media (max-width: 767px) {
	.btn-pcate{border-top:1px solid rgba(255,255,255,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(255,255,255,0.2); border-top:1px solid #999 \9; margin:0 0;}
.footer-menu ul li:before{ background:#fff;}
.footer-menu ul li a{color:#fff;}
.footer-menu ul li a:hover{	color:#B1DEE9;}

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