body {
	font-family: "Arial", "Verdana";
	margin: 0px;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	background-color: #EBEBEB;
}

#webcontent{
	background-image: url(../images/share/web_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
}


/*站內所有連結設定開始 ======*/

a.link_top:link {
	color: #000000;
	text-decoration: none;
}

a.link_top:visited {
	color:#000000;
	text-decoration: none;
}

a.link_top:hover {
	color: #EF4F00;
	text-decoration: underline;
}
a.link_copyright:link {
	color: #000000;
	text-decoration: underline;
}

a.link_copyright:visited {
	color: #000000;
	text-decoration: underline;
}

a.link_copyright:hover {
	color: #FF6600;
	text-decoration: none;
}

a.link_ptype:link {
	color: #999999;
	text-decoration: underline;
}

a.link_ptype:visited {
	color: #999999;
	text-decoration: underline;
}

a.link_ptype:hover {
	color: #FF9900;
	text-decoration: none;
}
a:link {
	color: #117E8D;
	text-decoration: underline;
}

a:visited {
	color: #9B921A;
	text-decoration: underline;
}

a:hover {
	color: #FF6600;
	text-decoration: none;
}
a.link_brcam:link {
	color: #CC3366;
	text-decoration: underline;
}

a.link_brcam:visited {
	color: #CC3366;
	text-decoration: underline;
}

a.link_brcam:hover {
	color: #FF6600;
	text-decoration: none;
}



/*文字階層設定開始======*/

.title{
	font-family: "Arial", "Verdana";
	font-size: 22px;
	color: #AEC779;
}

.subtitle_purple {
	font-family: "Arial","Verdana";
	font-size: 13px;
	color: #663366;
	font-weight: bold;
}

.tagline {
	font-family: "Arial","Verdana";
	font-size: 15px;
	color: #53671F;
	font-weight: bold;
}
.subtitle_block  {
	font-family: "Arial","Verdana";
	font-size: 13px;
	color: #404040;
	font-weight: bold;
}
.subtitle_gray  {
	font-family: "Arial","Verdana";
	font-size: 13px;
	color: #68655C;
	font-weight: bold;
}
.subtitle_white  {
	font-family: "Arial","Verdana";
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
}

.content {
	font-family: "Arial","Verdana";
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

.content_fff {
	font-family: "Arial","Verdana";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
}
.content_red {
	font-family: "Arial","Verdana";
	font-size: 12px;
	color: #993333;
	line-height: 16px;
}
.content_s {
	font-family: Arial, Verdana;
	font-size: 8pt;
	color: #333333;
	line-height: 16px;
}

.content_s_fff {
	font-family: "Arial","Verdana";
	font-size: 8pt;
	color: #FFFFFF;
	line-height: 16px;
}
.content_s_000 {
	font-family: "Arial","Verdana";
	font-size: 8pt;
	color: #000000;
	line-height: 16px;
}
.content_s_gray_thin {
	font-family: "Arial","Verdana";
	font-size: 6pt;
	color: #999999;
}


.note{
	font-family: "Arial","Verdana";
	font-size: 10px;
	color: #993300;
}

.brcom{
	font-family: "Arial","Verdana";
	font-size: 10px;
	color: #ABABAB;
}

.copyright {
	font-family: "Arial","Verdana";
	font-size: 10px;
	color: #000000;
	line-height: 24px;
}

.date {
	font-family: "Arial","Verdana";
	font-size: 9pt;
	color: #66D5E6;
	word-spacing: 1pt;
	font-weight: bold;
	line-height: 14px;
}

/*分隔線等設定開始======*/

.dotlinetable {
	text-decoration: none;
	padding: 3px;
	border: 1px dotted #C4C8DD;
	font-size: 12px;
	color: #535353
}

.line_h_dot {
	background-image: url(../images/share/dot_h.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

.line_h_dot_bottom {
	background-image: url(../images/share/dot_h.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


.line_v_dot {
	background-image: url(../images/share/dot_v.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.line_v_dot_right {
	background-image: url(../images/share/dot_v.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.line_h_gary {
	background-image: url(../images/share/line_gray.gif);
	background-repeat: repeat-x;
	background-position: center;
}

/*表單相關設定開始======*/

input, select, textarea {
	font-family: "Arial";
	font-size: 12px;
	color: #303135;
	BACKGROUND-COLOR: #EFEFEF;
	border: 1px solid #7F9DB9;
	padding: 1px;
}

#image_form input, select, textarea {
	padding: 0px;
	border: 0px;
}

/*圖片框線等設定開始======*/

.banner_line {
	padding: 0px;
	border: 1px solid #EEEEEE;
}

.event_logo {
	padding: 0px;
	border: 1px solid #cccccc;
}

.image_link {
	padding: 0px;
	border: 0px solid #666666;
}
.image_ourtclient {
	padding: 0px;
	border: 1px solid #FFFFFF;
}

.acc_line {
	padding: 10px;
	border: 3px solid #E9E8EA;
}

/*bullet 等設定開始======*/
ul{
	text-align:left;
	margin-left:25px;
	margin-bottom:0px;
	pandding-top:5px;
	pandding-bottom:0px;
	margin-top:5px;
	
}
ol{
	text-align:left;
	margin-left:25px;
	margin-bottom:0px;
	pandding-top:5px;
	pandding-bottom:0px;
	margin-top:5px;
}
li{
	margin-bottom:4px;
	padding-top:0px;
	padding-left:0px;

}

/*背景圖css區塊*/
.bg_ezine{
	background-color: #FFFFFF;
	background-image: url(../images/index/ezine-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.bg_industry_layer{
	background-color: #CAD68C;
	background-image: url(../industry/images/industry_6.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.bg_front_ourclient{
	background-color: #1EC0E8;
	background-image: url(../images/index/ourclient_1.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/*使用在左方navigation區塊*/
.left_navi{
	width: 213px;
	text-align:left;
	font-family: "Arial","Verdana";
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	background-color: #FFFFFF;
	background-image: url(../images/share/left_link_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.left_navi a{
	font-family: "Arial", "Verdana";
	font-style: normal;
	color: #3060A0;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.left_navi a:visited{
	text-decoration: none;
	color: #3060A0;
}
.left_navi a:hover{
	text-decoration: none;
	color: #FF6600;
}

/*一般樣式*/
h1{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 15px;
}

/*SEO使用*/
#page h1{
	display: none;
}

/*使用在產品TAB區塊*/
.tab_bg{
	background-image: url(../product/images/tab/tab_1.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.tab_on{
	background-image: url(../product/images/tab/tab_4.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 25px;
}
.tab_type_on_16{
	background-image: url(../product/images/tab/type_tab_4.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Arial", "Verdana";
	font-size: 16px;
	color: #7B9643;
	
}
.tab_type_on_14{
	background-image: url(../product/images/tab/type_tab_4.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Arial", "Verdana";
	font-size: 14px;
	color: #7B9643;
	
}
.tab_off{
	background-image: url(../product/images/tab/tab_8.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Verdana;
	font-size: 11px;
}

.tab_type_bg{
	background-image: url(../product/images/tab/type_tab_1.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.tab_type_on{
	background-image: url(../product/images/tab/type_tab_4.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Arial", "Verdana";
	font-size: 18px;
	color: #7B9643;
	
}
.tab_type_on_14_B{
	background-image: url(../product/images/tab/type_tab_4.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-weight: bold;
	font-family: "Arial", "Verdana";
	font-size: 14px;
	color: #7B9643;
	
}
.tab_type_on_m{
	background-image: url(../product/images/tab/type_tab_4_m.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Arial", "Verdana";
	font-size: 18px;
	color: #7B9643;
	
}
.tab_type_on_9_B{
	background-image: url(../product/images/tab/type_tab_4.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-weight: bold;
	font-family: "Arial", "Verdana";
	font-size: 12px;
	color: #7B9643;
	
}
.tab_type_off{
	background-image: url(../product/images/tab/type_tab_8.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Verdana;
	font-size: 12px;
}
.tab_type_off_m{
	background-image: url(../product/images/tab/type_tab_8_m.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Verdana;
	font-size: 12px;
}
.tab_type_off_s{
	background-image: url(../product/images/tab/type_tab_8.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Verdana;
	font-size: 11px;
}
.tab_type_off_9{
	background-image: url(../product/images/tab/type_tab_8.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Verdana;
	font-size: 9px;
}

/*使用在產品類區塊*/
.intro_table_up {
	background-image: url(../product/images/intro/table_2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.intro_table_bottom {
	background-image: url(../product/images/intro/table_11.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.intro_table_bottom_L {
	background-image: url(../product/images/intro/table_11_L.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.intro_table_left {
	background-image: url(../product/images/intro/table_5.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.intro_table_right {
	background-image: url(../product/images/intro/table_7.gif);
	background-repeat: repeat-y;
	background-position: left;
}

/*使用在產品outlook頁面*/

.outlook a{
	background-image: url(../product/images/outlook/bg.gif);
	display: block;
	height: 120px;
	width: 125px;
	background-repeat: no-repeat;
	background-position: center center;
}

.outlook a:visited{
	background-image: url(../product/images/outlook/bg.gif);
	display: block;
	height: 120px;
	width: 125px;
	background-repeat: no-repeat;
	background-position: center center;
}
.outlook a:hover{
	background-image: url(../product/images/outlook/bg_over.gif);
	display: block;
	height: 120px;
	width: 125px;
	background-repeat: no-repeat;
	background-position: center center;
}
