@charset "utf-8";
/* css document */

/*----------------------------------------------------------------------------*/
/*取消 html 原有樣式
/*----------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,span{margin:0;padding:0;;}
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }
q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
*:focus { outline: 0; }
img a { border: none; }
caption { text-align: left; }

fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
/*----------------------------------------------------------------------------*/
/* 共用樣式
------------------------------------------------------------------------------*/

/*字型*/
h1{ font-size: 18px; color: #000; }
h2{ font-size: 15px; }
h3{ font-size: 15px; }
h4{ font-size: 15px; }
h5{ font-size: 15px; }
h6{ font-size: 15px; }

/*文字設定*/


/*----按鈕--*/
.btn { margin-bottom: 10px; text-align: center; margin-top: 10px; clear: both; }
.btn input,.btn a{ margin-right: 7px; margin-left: 7px; }
input.button { background-image: ; background-repeat: repeat-x; background-position: left top; border: 1px solid #adadad; color: #333; cursor: pointer; cursor:hand; font-size: 11px; font-weight: bold; line-height: 20px; .line-height: 18px; padding: 0 10px; .padding: 0 4px; text-decoration: none; text-shadow: #9b9b9b 0 -1px 1px; vertical-align: middle; vertical-align: baseline; /*各瀏覽器的圓角設定，這裡捨棄對 ie6 的支援*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; } 
input.button2 { color: #fff; background-color: #e8a763; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border: 1px solid #edc7a5; margin-right: 5px; margin-left: 5px; }

/*----------------------------------------------------------------------------*/
/* hack 瀏覽器解決方式
------------------------------------------------------------------------------*/


/* 避免無空格的長文拉寬畫面 */
td.code , td.quote {display: block !important;overflow: auto !important}

/* 兩邊等高*/
html[xmlns] .clearfix{	display: block;} 
.clearfix:after { content: "."; display: block; clear: both; : hidden;	line-height: 0; height: 0; visibility: hidden; } 
.clearfix{	display: inline-block;} 
* html .clearfix {	height: 1%;}

/* 兩邊等高-li*/
html[xmlns] .clearfix_ul {	display: block;} 
.clearfix_ul li:after{ content: "."; display: block; clear: both; : hidden;	line-height: 0; height: 0; visibility: hidden; } 
.clearfix_ul li {	display: inline-block;} 
* html .clearfix_ul {	height: 1%;}

/*自動垂直置中*/
.pic{ text-align: center; }
.pic *{vertical-align: middle;}
.pic span{  display: inline-block;height: 100%; }
/*圖片垂直至中*/
.img { vertical-align:middle; clear: both; }
.img span{ height:100%; display:inline-block; }
.img *{ vertical-align:middle;}

/*自動100%撐開*/
.auto { overflow: hidden; zoom: 1; }
.auto .left { float: left; }
.auto .right { overflow: hidden; zoom: 1; }

/*清除兩邊*/
.clear { clear: both; }#quickkeyu { visibility: hidden; height: 0px; width: 0px; font-size: 0px; }


/*靠左右*/
.fl {	float: left !important;}
.fr {	float: right !important;}