@charset "utf-8";

html, body{
	min-height:100%;
	height:100%;
	width:100%;
	-webkit-font-smoothing: antialiased;
}

div, input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color .20s linear, 
background-color .20s linear, border-color .20s linear;
-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}

/* 網站字體(英數字型擺前面) */
body{
	font-family:Arial,"微軟正黑體","新細明體";
}

/* IE11 修正樣式 */
a:active {background-color: transparent;}

/* chrome點擊後的藍框修正 */
input,textarea{
	outline:none !important;
}
/* 表單focus和hover顏色 */

input[type=text],textarea{ 
	border:1px solid #eaeaea; 
	padding:2px;
}

input[type=text]:hover{ 
	background:#fcfcfc;
}
textarea:hover{ 
	background:#fcfcfc;
}
input[type=text]:focus{
	background:#f4f4f4;
}
textarea:focus{
	background:#f4f4f4;
}

.changPic, #prev, #next{cursor: pointer}
/* 驗證表單錯誤訊息 ---BEGIN */
.error{	font-size: 10px ;color:red;}
.error input {border: 1px solid red;}
.error input[type='checkbox'] {outline: 1px solid red;} /* checkbox的錯誤框要特別用outline指定 不然會沒有效果  */
input.error{border: 1px solid red;}
.error-message {	font-size:10px ;color:red;white-space:nowrap;}
/* 驗證表單錯誤訊息 ---END */

/* 單行刪節號 需設寬度才有用  用法<div class="single_ellipsis" style="width:100px;">xxx</div>  */
.single_ellipsis{	overflow:hidden;	white-space:nowrap;	text-overflow:ellipsis;	display:block;	}
/*多行刪節號在flyfreely.js 的 .multiline_ellipsis*/

/* 網站表單訊息 */
.message {		
	display:none;
	width:400px;
	border: 1px solid #999;
	padding:45px 10px 10px;
	position:fixed;
	z-index:99999;
	left:50%;
	margin-left:-210px;
	background-color:#efefef;
	background-image:url('../admin_images/warning.png');
	background-repeat:no-repeat;
	background-position:center 10px;
	font-size:14px;
	text-align:center;
	color: #333;
}

.scrollup{
	width:40px;
	height:40px;
	background:url(../admin_images/scrolltop_button.png);
	position:fixed;
	display:none;
	bottom:20px;
	right:20px;
	z-index:99999;
}

/* scrollbar_panel 用法  <div class="scrollbar_panel"> */
.scrollbar_panel {
	width:720px; 
	height:480px; 
	overflow:auto;
    overflow-y: auto;
    overflow-x: hidden;	
} 

/* 超過寬度的內容藏起來 */
.cut_content{/*white-space: nowrap;*/overflow: hidden;}

/* 從sytle 移來類base */
a {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
.strong {
	font-weight: bold;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0 auto;
	text-align: center;
}
.show {
	display: block;
	visibility: visible;
}
.hide {
	display: none;
	visibility: hidden;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
/*img:hover{opacity:0.8;filter:alpha(opacity=80); }*/
.transparent {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.break {
	word-wrap: break-word;
	overflow: hidden; /*word-break:break-all;*/
}
/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed {
	position: fixed;
	clip: rect(0 100% 100% 0);
	_position: absolute;
	/* 底部 */
	bottom: 0px;
	left: 0px;
 _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}

/* 解决固定层在IE6下闪的问题 */
*html {
	background-image: url(../images/07ebbcfd74c04603bf6b9f3f13316f63.gif);
	background-attachment: fixed;
}



/* CSS Document */
body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
/*address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}*/
address,caption, cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}  /* 2014-06-30 BY DANNY : strong 移除 不然圖文編輯器的粗體會變無效*/
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:' '}
abbr,acronym{border:0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.f36{font-size:36px;}
.f20{font-size:20px;}
.f28{font-size:28px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh18{line-height:18px}
.lh24{line-height:24px}
.lh30{line-height:30px}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.border{ border:1px solid #ddd;}
.black{ color:#343435;}
.blue{ color:#014da2;}
.write{ color:#fff;}
.red{ color:#a40000;}
.gray{ color:#3c274e;}
.gray-1{ color:#6f6f70;}
.gray-2{ color:#666;}
.gray-3{ color:#888;}
.gray-4{ color:#999;}
.yellow{ color:#fe9601;}
.blue{ color:#1f9ec4;}
.green{ color:#27b202;}
.green2{ color:#81db00;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix{zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}
*html .clearfix{height:1%}
. Clearfix{display:block;}
.vm{vertical-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}

/* 强制换行 */
.break-word{word-wrap: break-word; word-break:break-all;}
/* 强制不换行 */
.nowarp{white-space:nowrap;}
.input-xmini{
	width:30px}	
.input-mini {
	width:60px}
.input-small {
	width:90px}
.input-medium {
	width:150px}
.input-large {
	width:210px}
.input-xlarge {
	width:270px}
.input-xxlarge {
	width:530px}
/* Layout & Wrapper Settings */
.bk,.bk3,.bk6,.bk50,.bk10,.bk15,.bk20,.bk30{clear: both;font-size:0;height: 0;overflow:hidden;}
.bk50{height:50px;}
.bk15{height:15px;}
.bk20{height:20px;}
.bk30{height:30px;}
.bk40{height:40px;}
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w260{width:260px;overflow:hidden;}
.w250{width:250px;overflow:hidden;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w720{width:720px; overflow:hidden;}
.w730{width:730px; overflow:hidden;}
.w800{width:800px;}
.w{width:100%}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h{height:100%}
.m5{margin:10px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
.btm{ border-bottom:1px dotted #CBCBCB;}


/*------------------------------------------
 *
 *	圖文編輯器unreset
 *	之後圖文編輯器外的div都要加上 class="editor"
 *	避免圖文編輯器的屬性被吃掉
 *	modified by roy 20140709
 *
 */

.editor{
	line-height:1.8;
}

.editor ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
.editor ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
.editor ul ul, .editor ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.editor ol ol, .editor ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

/*---------------------------------------*/