body, p, ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, form, input { margin: 0; padding: 0; }
body { font-size: 13px; font-family: Verdana, Arial, Helvetica, "Sans Serif"; color: #404040; }
h1, h2, h3, h4, h5 { font-size: 100%; }
a { color: #005AA0; text-decoration: none; }
a:hover { color: #F00; text-decoration: underline; }
a img { border: none; }
ul, ol, li { list-style: none; }
input { vertical-align: middle; }
.ie7 input[type=submit], .ie7 input[type=reset], .ie7 input[type=button] { overflow: visible; }
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
textarea { resize: none; }

.fl { float: left; }
.fr { float: right; }

.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fwn { font-weight: normal; }
.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }

.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }

.mt15 { margin-top: 15px; }
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left: 15px; }

.mt20 { margin-top: 20px; }
.mr50 { margin-right: 50px; }
.nom { margin: 0 !important; }
.nomt{ margin-top:0; }

.pad10 { padding: 10px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }

.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }


.pl30 { padding-left: 30px; }
.pl8 { padding-left: 8px; }

.pad0 { padding: 0 !important; }


.lh24 { line-height: 24px; }
.lh29 { line-height: 29px; }
.cb { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.vm { vertical-align: middle; }
.wf { width: 100%; }
.w952 { width: 952px; }
.w950 { width: 950px; }
.w998 { width: 998px; }
.w1000 { width: 1000px; }
.nob{border:none}
.br { border-right: 1px solid #F0F0F0; }
.bdr1 { border-radius: 1px; }
.bdr3 { border-radius: 3px; }
.bdr5 { border-radius: 5px; }
.pr { position: relative; }
.ie7 .pr { z-index: 90; }
.pa { position: absolute; }
.oh { overflow: hidden; }
.hide { display: none !important; }
.show { display: initial; }
.block { display: block; }
.inblock { display: inline-block; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.indent { text-indent: 2em; }
.notext { text-indent: -999em; display: inline-block; *display: inline; }
.let6 { letter-spacing: 6px; }
.let2 { letter-spacing: 2px; }
.letm6 { margin-left: -6px; }

.f25 { font-size: 25px; }
.f21 { font-size: 21px; }
.f17 { font-size: 17px; }
.f15 { font-size: 15px; }
.f13 { font-size: 13px; }
.f12 { font-size: 12px; }
.fb { font-weight: 700; }
.fn { font-weight: normal; }


.c000 { color: #000; }
.cc00 { color: #C00; }
.c333 { color: #333; }
.c666 { color: #666; }
.c999 { color: #999; }
.cccc { color: #CCC; }
.cf00 { color: #F00; }
.cf60 { color: #F60; }
.cfff { color: #fff; }
.c005AA0 { color: #005AA0; }
.c2e8b57 { color: #2E8B57; }
.c989898 { color: #989898; }
.c11A007 { color: #11A007; }
.c404040 { color: #404040; }

.bgw { background-color: #FFF;}

.li-square { background: #cacaca; width: 3px; height: 3px; display: block; position: absolute; top: 5px; left: 5px;  overflow: hidden; }

/*8891頭部修改*/
.top-bar { background: #EEE; vertical-align: middle; border-bottom: 1px solid #CCC; height: 24px; border-top: 1px solid #EEE; }
.site-nav{ padding-top: 4px; position: relative; z-index: 102; box-sizing: content-box; }
	.site-nav a { color:#666; }
	.site-nav a:hover, .site-nav a:active { color:#F60; text-decoration: underline; }
.site-nav.new-site-nav { padding: 2px 0; box-sizing: content-box; }
.login-info a { margin:0 3px; }
.login-info a.nav-reg { color:#F60; }

#myaccount{ margin:0 0 0 5px; }
	#myaccount .menu-hd a u{ color:#D00; }
	#myaccount .menu-bd a{ margin-right:7px; }
	#myaccount .menu-bd a u{ color:#333; }
	#myaccount .menu-bd a em{ font-style:normal; color:#CCC; }
	#myaccount a:hover u, #myaccount a:hover em{ color:#F50; }
	#myaccount .icon-msg{ vertical-align:text-top; display:inline-block; width:16px; height:16px; margin-right:4px; background-position: -109px 0; }
	#myaccount.quick-menu{position: relative;right: 0;top: -1px;}

.quick-menu { position: absolute; right: 0; top: 4px; }
.new-site-nav .quick-menu { top: 1px; }
.icon-msg { background-image: url(//img.8891.com.tw/common/site-nav.png?d=20190305); background-repeat: no-repeat; }
.quick-menu li { float:left; padding:0 10px; margin-left: -1px; border-left: 1px solid #CCC; }
.quick-menu li:first-child { border-left: none; }
.new-site-nav .quick-menu li { border: none; }
.quick-menu .menu-item { padding: 0; }
.site-nav .dropdown-border .dropdown-toggle { padding: 0 10px 0 7px; }
.site-nav .menu-title:hover { color: #666; text-decoration: none; }
.menu-bd { padding: 8px 10px 5px; line-height: 22px; }
.menu-bd a { display:inline-block;zoom:1;margin:0 1px}
.menu-cn a { margin-right: 7px; }
.menu-bd dl{border-bottom:1px solid #EEE;padding-bottom:5px;margin-bottom:7px}
.menu-bd dt, .menu-bd .menu-more{font-size:13px;color:#057BD2;font-weight:bold}
.menu-bd dd{color:#666}

/*8891底部修改*/
#Footer{ margin-top: 30px; clear: both; padding: 15px 0 40px; line-height: 1.8; color: #333; font-size: 12px; text-align: center; }
	#Footer a, #Footer span{ color: #666; }
	#Footer a:hover{ color: #F60; text-decoration: underline; }
.disclaimer, .foot-nav, .foot-sites, .copyright{ margin: 3px 0; }
.disclaimer { border: 1px solid #CCC; line-height: 1.5;	padding: 5px 7px; text-align: left; }
	.disclaimer b {	color: #F00; }
.foot-nav{ clear: both;	padding-top: 10px; }
	.foot-nav a { margin: 0px 10px; font-size: 13px; }
.foot-sites a { padding: 0px 7px; border-right: 1px dotted #CCC; }
.foot-sites a.no-split{ border: none; }
.copyright { font-family: Arial, Helvetica, sans-serif; }
.foot-approve { text-align: center; }
	.foot-approve .app-l { background: url(//img.8891.com.tw/common/approve.png) no-repeat; display: inline-block; margin: 0 10px; text-indent: -9999px;}
	.foot-approve .wca { width: 150px; height: 50px; }
	.foot-approve .sosa-trans { width: 150px; height: 50px; background-position: 0 -50px; }
	.foot-approve .sosa-info { width: 29px; height: 50px; background-position: 0 -100px; }
	.foot-approve .yushan-award {width: 170px; height: 50px; background-position: 0 -150px; }

/*圖片帶文字*/
.pic-text .pic { text-align: center; display: block; background: #FFF; }
	.pic-text .pic img { vertical-align: middle; }
	.pic-text .pic img.hack { width: 0; height: 100%; max-height: 100% !important; }
	.pic-text .pic .shadow { width: 100%; height: 100%; border: 1px solid #CCC; border-radius: 1px; position: absolute; z-index: -1; left: 2px; top: -4px; }
	.pic-text .text { text-align: center; display: block; height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
	.ie7 .pic-text .text, .ie8 .pic-text .text { line-height: 20px; line-height: 20px; }

/*下拉框*/
.dropdown { position: relative; display: inline-block; }
.dropdown:hover { *z-index: 999; }
		.dropdown-toggle { cursor: pointer; }
		.dropdown-arrow { border: 4px solid transparent; border-top-color: #404040; display: inline-block; width: 0; height: 0; vertical-align: top; content: ''; margin: 6px 3px 0; }
	/*topNav兼容處理*/
	#myaccount .v3-menu-item .dropdown-menu { border: 0; } 
	#myaccount .menu-hd .dropdown-arrow { border: 4px solid transparent; border-top-color: #404040; display: inline-block; width: 0; height: 0; vertical-align: top; content: ''; margin: 6px 3px 0; background-image:url();}
		
		.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; background: #FFF; display: none; min-width: 160px; }
			.dropdown-menu-right { left: auto; right: 0; }
	.dropdown:hover .dropdown-menu { display: block; }
	.dropdown:hover .dropdown-arrow { border-top-color: transparent; border-bottom-color: #404040; margin-top: 2px; }
	.dropdown-border { margin: -1px; }
		.dropdown-border .dropdown-toggle { position: relative; padding: 0 5px; margin: 1px; }
		.dropdown-border .dropdown-menu { border: 1px solid #CCC; margin-top: -1px; }
		.dropdown-border:hover .dropdown-toggle { z-index: 1001; border: 1px solid #CCC; border-bottom: none; margin: 0; background: #FFF; }

/*新分頁默認樣式*/
.pagination.default { text-align: center; font-size: 13px; }
	.pagination.default a, .pagination.default .pc-at, .pagination.default .pc-mpf, .pagination.default .pc-pp-disable, .pagination.default .pc-np-disable { text-decoration: none; display: inline-block; min-width: 16px; _width: 16px; height: 24px; margin: 0; margin-right: 4px; padding: 0 5px; vertical-align: middle; line-height: 24px; white-space: nowrap; text-align: center; }
	.pagination.default a { border: 1px solid #CCC; color: #36C; background-color: #FFF; }
	.pagination.default a:hover { border: 1px solid #F50; color: #F60; }
	.pagination.default .pc-pp-disable, .pagination.default .pc-np-disable, .pagination.default .pc-pp, .pagination.default .pc-np { background-image: url(//img.8891.com.tw/common/page.gif); background-repeat: no-repeat; }
	.old-ie .pc-pp-disable, .old-ie .pc-np-disable, .old-ie .pc-pp, .old-ie .pc-np { line-height: 29px !important; }
	.pagination.default .pc-pp { background-position: 5px 8px; padding-left: 16px; }
	.pagination.default .pc-pp-disable { background-position: 5px -42px; padding-left: 16px; }
	.pagination.default .pc-np { background-position: 48px -17px; padding-right: 16px; }
	.pagination.default .pc-np-disable { background-position: 48px -66px; padding-right: 16px; }
	.pagination.default .pc-at { font-weight: bold; color: #FD6D01; background-color: #FFEDE1; border: 1px solid #FD6D01; }
	.pagination.default .pc-tp, .pagination.default .pc-cip, .pagination.default .pc-tr { padding: 0 0 0 10px; color: #999; }
		.pagination.default .pc-cip .pc-cip-num { border: 1px solid #999; width: 30px; text-align: center; }
		.pagination.default .pc-cip .pc-cip-btn { margin: 0 0 0 3px; background: url(//img.8891.com.tw/common/sort-btn.png) no-repeat; background-position: 0 -193px; border: none; cursor: pointer; height: 19px; line-height: 19px; padding: 0; width: 41px; font-size: 12px; }
	.pagination.default .pc-tr { padding-left: 20px; }
		.pagination.default .pc-tr .pc-tr-nm { padding: 0 3px; color: #F00; }
	.pagination.default .pc-pp-disable, .pagination.default .pc-np-disable { border: 1px solid #999; }
.mini-page { width: 31px; height: 14px;}
	.mini-page .mini-page-pre { width: 16px; height: 14px; display: inline-block; background: url(//img.8891.com.tw/common/search-btn-bg.png) no-repeat 0 -110px; }
	.mini-page .mini-page-pre.disabled { background-position: -31px -110px; cursor: default; }
		.mini-page-pre:hover { background-position: 0 -124px; }
	.mini-page .mini-page-next { width: 15px; height: 14px; display: inline-block; background: url(//img.8891.com.tw/common/search-btn-bg.png) no-repeat -16px -110px; }
	.mini-page .mini-page-next.disabled { background-position: -47px -110px; cursor: default; }
		.mini-page-next:hover { background-position: -16px -124px; }
/* 兼容舊版頭部 */
	.new-site-nav .dropdown-arrow { border: none; width: 12px; height: 8px; vertical-align: baseline; margin: 0 2px 0 -2px; }
	.new-site-nav.site-nav .dropdown-border .dropdown-toggle { padding: 1px 10px 0; } 
	.new-site-nav .dropdown-menu { position: static; }
	.new-site-nav .dropdown-border .dropdown-menu { border: none; margin: 0; }

/* 对错圖標 */
.tips-icon { background: url(//img.8891.com.tw/common/com-icon.png) no-repeat -20px 0; vertical-align: top; text-indent: -999em; width: 32px; height: 32px; overflow: hidden; display: inline-block; }
	.right-icon { background-position: -25px 0px; }		
	.error-icon { background-position: -25px -32px; }
/* 上下小箭头 */
.arrows-sdu { background: url(//img.8891.com.tw/common/com-icon.png) no-repeat 0 -9px; text-indent: -999em; width: 8px; height: 9px; display: inline-block; overflow: hidden;  }			
	.def-up { background-position: 0 -9px; }
	.def-do { background-position: -8px -9px; }
	.red-up { background-position: 0 0; }
	.red-do { background-position: -8px 0; }
	.ora-up { background-position: 0 -18px; }
	.ora-do { background-position: -8px -18px; }
/*用於圖片上下左右居中*/
.vh-img{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }