/*
======TKI HTML CSS======
HTML5/CSS3/RWD
★VER TKIS1.35
★CreateDate:2016.5.1
★Author:Copyright © THINKIDEA All rights reserved. (http://www.thinkidea.com.tw)
======TKI HTML CSS======
*/
body, div, dl, dt, dd, ul, ol, pre, code, form, fieldset, legend, input, button, textarea, blockquote{margin: 0;padding: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, th, var, optgroup {font-style: inherit;font-weight: inherit;}
del, ins {text-decoration: none;}
li {list-style: none;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;font-variant: normal;}
sup {vertical-align: baseline;}
sub {vertical-align: baseline;}
legend {color: #000;}
input, button, textarea, select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select {*font-size:100%;}
/*html5*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, main, audio, video{
margin:0;padding:0;border:0;}

/*system*/
body{ font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica; font-size:15px; color:#333; line-height:1.6;}
a{  color: #2c7f9f; text-decoration:none;}
a:hover{  color:#063f5b; text-decoration:underline;}
.txt-hiden{ text-indent:-9999px; overflow:hidden;}
.txt-hidden{text-indent:-9999px; overflow:hidden;}
.a-hiden{ text-indent:-9999px; overflow:hidden; display:inline-block;}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('font/OpenSans-Regular.eot');
  src: url('font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('font/OpenSans-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('font/OpenSans.woff') format('woff'),
       url('font/OpenSans.ttf') format('truetype'),
       url('font/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}


.sys-select{ 
 overflow:hidden;
 border:1px solid #b4b4b4;
 display:inline-block;
background:url(../images/layout/select_bg.jpg) #fff no-repeat right center; 
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
vertical-align: middle;
min-width:50px;

select{padding:0 0 0 5px;border:0; width:120%;  background:none; font-size:14px;}
option{ padding:3px 0 3px 17px;}

}

/*system-end*/

/*
rgba(255, 0, 0, 0.6) → 不透明度 60% 紅色
rgba(0%, 0%, 100%, 0.4) → 不透明度 40% 藍色
*/

/*ckedit html code*/
#creation-page .info-html-edit{  line-height: 1.6; 
	ul,ol{ padding: 0 0 0 20px;}
	ul li{ list-style: disc;   margin: 0 0 5px;}
	ol li{ list-style:decimal;   margin: 0 0 5px;}
	img{ max-width:100%; height:auto;}
	table img{ max-width:inherit;}
}

table { color:#3e3e3e; font-size: 13px;border:1px solid #91a18f; border-collapse:collapse;
       td{border:1px solid #9dd1e4; border-collapse:collapse; padding: 3px 10px;}
    tr:nth-child(odd){background-color:#e2eff4;}
}

@media screen and (max-width:768px){
	#creation-page .info-html-edit{ display: block; overflow-x: auto;
		table{  white-space:nowrap; width:100%; border:0;}
	}
}
table {border:#B8B8B8;border-collapse:collapse; }


/*動畫效果-CSS*/
.animation-eff{
	-webkit-transition:All 0.30s linear;
	-ms-transition:All 0.30s linear;
	-moz-transition:All 0.3s linear;
    -o-transition:All 0.3s linear;
	transform:All 0.3s linear;
}

.help-title-tag{    color: #0268ac; display:block; font-family: Helvetica,Arial; font-size: 21px;  font-weight: normal; line-height: 24px; text-align:center;}

@import "main.less";//主要版共用參數
@import "main_style.less";//主版樣式參數
@import "menu.less";//選單專用
@import "footer.less";//表底
@import "index.less";
@import "index_top_style2.less";
@import "news.less";//直式列表，主架構
@import "news2.less";//橫式列表
@import "news_txt.less";//純文字列表
@import "product.less";//產品專區-有選單版
@import "product_mini.less";//產品專區-簡化版
@import "contact.less";//聯絡我們
@import "html.less";//自定義HTML內容，選用樣式
@import "pop.less";//彈跳視窗
//非必載單元
@import "load.less";//檔案下載
//非必載單元