/* CSS Document */
@charset "utf-8";
/*-----------------------------------------------------------------------------
-	預設樣式 -
author:		  英創達網路有限公司
email:     	web@e-creative.tw
website:   	http://e-creative.tw
-----------------------------------------------------------------------------*/
/* ---------------------------------------------------------------- */
/*
/*	 1.	清除樣式
/*	 2.	標籤
/*	 3.	文字
/*	 4. 圖片
/*	 5. 編排
/*	 6. 常用
/* ---------------------------------------------------------------- */
/* ==========================================================================
		1. 清除樣式
 ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) { display: none; height: 0; }
[hidden],template {display: none;}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; }
a {background: transparent; /*清除ie10連結過的灰色背景*/ outline: none; behavior:expression(this.onFocus=this.blur()); text-decoration:none;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
h1 { font-size: 2em; margin: 0.67em 0; }
b,strong {font-weight: bold;}
dfn {font-style: italic;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
code,kbd,pre,samp { font-family: monospace, serif; font-size: 1em; }
pre {white-space: pre-wrap;}
q {quotes: "201C" "201D" "2018" "2019";}
small {font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
button,input,select,textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }
button,input {line-height: normal;}
button,select {text-transform: none;}
button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
button { border: none; background: none; padding: 0; margin: 0; display: inline-block; }
table { border-collapse: collapse; border-spacing: 0; }
p{margin:0px;}
/* ==========================================================================
		2. 標籤
========================================================================== */
 html,body{height:100%;margin:0;padding:0;overflow-x:hidden;}
  @media screen and (max-device-width:800px) and (orientation:portrait){
	  #layout{height:100%;}
 	#layout-top{min-height:100%;}
	 #layout{margin:0 -15px 0 0;}
 	 #layout #footer{margin:-145px 0 0 0;}
	#indexCont{width:36%;height:60%;position:absolute;bottom:1%;right:13%;z-index:60;}
	#index h2{font-size:1.2em}
	#index p{line-height:1em;width: 100%;height: 54%;}
	.nivoSlider.nivoSlide1 .nivo-caption {min-width:7%;max-width:15%;	height:10%;line-height:4.5em;}
 }
  @media screen and (max-device-width:1200px) and (orientation:landscape){
	  #layout{height:100%;}
 	#layout-top{/*min-height:100%;*/}
	 #layout{margin:0 -15px 0 0;}
 	 #footer{margin:0px 0 0 0;}
	#indexCont{width:36%;height:60%;position:absolute;bottom:1%;right:13%;z-index:60;}
	#index h2{font-size:1.2em}
	#index p{line-height:1em;width: 100%;height: 54%;}
	.nivoSlider.nivoSlide1 .nivo-caption {min-width:7%;max-width:15%;	height:10%;line-height:4.5em;}
 }
body {
    font-family: Arial, "微軟正黑體";
    line-height: 1.5em;
    text-align: justify;
    text-justify: inter-ideograph;
    color: #444444;
	font-size: 13px;;
}
/*漸變改色*/
*: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;
}
/*列表- 行*/
ul.rows,    
ol.rows,    
dl.rows {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.rows > li, 
ol.rows > li,
dl.rows > dt, 
dl.rows > dd {
    margin: 0;
    padding: 0;
    display: block;
}
/*列表 - 欄*/
ul.columns, 
ol.columns, 
dl.columns {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.columns:after,
ol.columns:after,
dl.columns:after {
    content: "";
    clear: both;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
}

ul.columns > li, 
ol.columns > li,
dl.columns > dt, 
dl.columns > dd {
    margin: 0;
    padding: 0;
    float: left;
}
hr {
    border-top-style: none;
    border-bottom-width: 0px;
    border-bottom-style: none;    
    border-right-style: none;
    border-left-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    padding-top: 20px;
    display: block;
    margin-bottom: 25px;
}
/*實線*/
hr.line {	
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #CCC;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	clear: both;
}
/*垂直實線*/
hr.verline {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style:none;
    border-left-style: solid;
    border-left-color: #CCC;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
	height:100%;
}
/*虛線*/
hr.dashed {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dashed;
    border-left-style: none;
    border-bottom-color: #CCC;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
 
/* ==========================================================================
		3. 文字
========================================================================== */


h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    /*margin: 1.33em 0;*/
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
/*時間*/
time {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #999;
}
address{
    font-style:normal;
    font-weight:normal;
}
/*顏色*/
.red {
    color: #B61D1F;
}
/*備註文字*/
.notes {
    color: #999;
}
/*強調數字*/
.num {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 17px;
    color: #BB2121;
    margin-right: 5px;
    margin-left: 5px;
}
/* 避免無空格的長文拉寬畫面 */
td.code , td.quote {
    display: block !important;
    overflow: auto !important;
}
/*隱藏文字*/
.thidden {
    text-indent: -9999em;
    text-align: left;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    font-size: 0px;
}
.copyright{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	display: block;
}
/* ==========================================================================
		4. 圖片
========================================================================== */

/*圖片垂直置中*/
.img {
    text-align: center;
/* Firefox, Chrome */
    line-height: 300px;
/* IE */
    *font-size: 270px;
  /* 200px * 0.9 = 180px */
    *font-family: Arial;
}
.img img {
    vertical-align: middle;
}
img {
    vertical-align: middle;
}
/*距離下方*/
.mb{ 
	margin-bottom:30px;
}
.mr{ 
	margin-right:30px;
}
/* ==========================================================================
		 5. 編排
========================================================================== */

/*清除兩邊*/
.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/*靠左右*/
.fr {float: right;}

.fl {float: left;}
/*置中*/
.tfc {    text-align: center;}
/*自動100%撐開*/
.auto {
    overflow: hidden;
    zoom: 1;
}
.auto .left {
    float: left;}
.auto .right {
    overflow: hidden;
    zoom: 1;
}
/*寬度*/
.w10 {    width: 9%;}
.w20 {    width: 19%;}
.w30 {    width: 29%;}
.w40 {    width: 39%;}
.w50 {    width: 50%;}
.w60 {    width: 59%;}
.w70 {    width: 69%;}
.w80 {    width: 79%;}
.w90 {    width: 89%;}
.w100 {    width: 99%;}
.w15 {    width: 14%;}
.w25 {    width: 24%;}
.w35 {    width: 34%;}
.w45 {    width: 44%;}
.w55 {    width: 54%;}
.w65 {    width: 64%;}
.w75 {    width: 74%;}
.w85 {    width: 84%;}
.w95 {    width: 94%;}
/* ==========================================================================
		6. 常用
========================================================================== */

/*圓角*/
.radius {
    border-radius: 5px;
}
/*文字陰影*/
.text-shadow {
    text-shadow: 1px 1px 2px #777;
}
/*區塊陰影*/
.box-shadow {
    box-shadow: 3px 3px 5px #777;
}
/*選取*/
li:nth-child(1) {}
li:first-child {}
li:last-child {}
/*手指效果*/
.cursor {
    cursor: pointer;
}
/*Hack*/
.hack {    margin-right: 14px\0;/* IE 8+ */}
:root .hack {    margin-right: 18px\9;/* IE 9+ */}
*+html .hack {    margin-right: 14px;/* IE 7+ */}

.animate,.animate a {
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
}