@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;}
/*----------------------------------------------------------------------------*/
/* 共用樣式
------------------------------------------------------------------------------*/
a:link, a:visited {color: #000; text-decoration: none;}
a:hover { color: #af1b08; text-decoration: underline; }
a:active {color: #000; text-decoration: none;}
/*標題字型*/
h1{ font-size: 23px; color: #ff0000;font-family: "Century Gothic";}
h2{ font-size: 32px; color: #000;font-family: "Century Gothic"; }
.hc1 { font-family: "Century Gothic"; font-weight: normal; }
h3{ font-size: 15px; color: #000; background-image: url(../images/in_bg_line.png); background-repeat: no-repeat; background-position: 0px bottom; padding-bottom: 15px; }
h4{ font-size: 16px; color: #000; font-family: "微軟正黑體"; letter-spacing: 1px; }
h5{ font-size: 15px; }
h6{ font-size: 15px; color: #000; }
h7{ font-size: 16px; color: #000; font-family: "微軟正黑體"; font-weight: bold; }
h8{ font-size: 15px; color: #000; font-weight: bold; }
h9{ color: #4c4c4c; font-weight: bold; }
/*字型*/
.p_red { color: #ff0000; }
.p_red2 { color: #d81900; }
.p_black { color: #000; }
.p_gray { color: #999; }
.p_black2 { color: #333; font-size: 15px; font-weight: bold; }
.p_black3 { color: #333; font-size: 12px; }
.p_org { color: #ff6600; font-weight: bold; }

/*間距設定*/
.w5{width: 4%;}
.w10{width: 9%;}
.w15{width: 14%;}
.w20{width: 19%;}
.w25{width: 24%;}
.w30{width: 29%;}
.w35{width: 34%;}
.w40{width: 39%;}
.w45{width: 44%;}
.w50{width: 49%;}
.w55{width: 54%;}
.w60{width: 59%;}
.w65{width: 64%;}
.w70{width: 69%;}
.w75{width: 74%;}
.w80{width: 79%;}
.w85{width: 84%;}
.w90{width: 89%;}
.w95{width: 94%;}

/*文字設定*/


/*----按鈕--*/


/*----表格--*/
.table { }
.table td {}
.table TR.even TD {  background-color: #F6F6F6;}/*雙數列*/
.table TR.odd TD { background-color: #FFC; }/*雙數列*/

.table1 { border-right-width: 2px; border-bottom-width: 1px; border-left-width: 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #68C0E0; border-bottom-color: #68C0E0; border-left-color: #68C0E0; }
.table1 td,.table1 th{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #68c0e0; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; background-color: #e9f4f8; }
.table1 th{ background-color: #68c0e0; font-weight: bold; color: #FFFFFF; font-size: 15px; }

/*----------------------------------------------------------------------------*/
/* 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;}
