@charset "utf-8";

/*-----------------------------網站背景-----------------------------*/
html, body {
	height: 100%;
	background-color: #FFF;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 26px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
}

a{
	outline: none; /* for Firefox Google Chrome  */

      behavior:expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.rwd-img{
	width: 100%;
	min-width: 615px;
	max-width: 615px;
}

ul{ list-style:none;}
li{ list-style:none;}

.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #009966;
	height: 30px;
	line-height: 30px;
}
.img-responsive {
	height : auto;
	max-width: 100%;
}.


.clear{ clear:both; width:100%; height:0; overflow:hidden;}

.font15_pink{
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 22px;
	color: #e4007f;
	font-weight: bold;
}



.font15_w{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
}

.font16_o{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 59px;
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
}

.font16_o a{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 59px;
	color: #FF9900;
	font-weight: bold;
	text-decoration: none;
}

.font16_o a:link{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 59px;
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
}

.font16_o a:hover{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 59px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}



.span{float: left;}  /*------------all span left------------*/


/*-----------------------------網站主體架構-----------------------------*/

#wrapper{
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
}

#all_wap{
	width: 100%;
	margin: 0;
	background-image: url(../images/top-bg.jpg);
	background-repeat: repeat-x;
	height: 142px;
	background-color: #FFF;
}

#header{
	width: 1282px;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 92px;
	margin-right: auto;
	margin-left: auto;
}

.header-logo{
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 92px;
	width: 360px;
}


.header-logo-text{
	background-image: url(../images/top-text.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 519px;
	height: 92px;
}


.header-nav{
	float: right;
	width: 160px;
	padding-top: 26px;
	padding-right: 15px;
}

.myButton {
	-moz-box-shadow: 0px 1px 2px 1px #f4f4f4;
	-webkit-box-shadow: 0px 1px 2px 1px #f4f4f4;
	box-shadow: 0px 1px 2px 1px #f4f4f4;
	background-color: #bfbfbf;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: "微軟正黑體";
	font-size: 12px;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 2px;
}
.myButton:hover {
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}

#header_top{
	width: 100%;
	height: 495px;
	background-image: url(../images/banner-bg.jpg);
	background-repeat: repeat-x;
}


#content_top{
	width: 1282px;
	margin-right: auto;
	margin-left: auto;
	height: 495px;
}


#banner{
	width:100%;
	height: 514px;
	float: left;
	text-align: center;
}


#snav{
	width: 100%;
	z-index: 999;
	position: relative;
}

.snav{
	width: 59px;
	float: right;
	height: 19px;
	padding-top: 10px;
	padding-right: 3px;
	position: relative;
	z-index: 999;
}


#doc-form {
    background-image: url('../images/icon-c.png');
    background-repeat: no-repeat;
    width:59px;
    height:19px;
}

#doc-form:hover {
    background-image: url('../images/icon-c-over.png');
}

#doc-form-c {
    background-image: url('../images/icon-t.png');
    background-repeat: no-repeat;
    width:59px;
    height:19px;
}

#doc-form-c:hover {
    background-image: url('../images/icon-t-over.png');
}



#mupic-logo{
	width: 139px;
	height: 127px;
	float: left;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	position: relative;
}

#left{
	float: left;
	width: 257px;
	padding-left: 20px;
}


#right{
	width: 313px;
	float: left;
}


#sidebar{
	width: 495px;
	background-repeat: repeat-y;
	background-position: center top;
	float: left;
}

#sidebar-main{
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 100px;
	position: relative;
	z-index: 9;
}

#container{
	width:100%;
	background-repeat: repeat;
	background-position: center top;
	float: left;
	background-image: url(../images/BACK001.gif);
}


.sidebar_wap{
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 300px;
	width: 1000px;
	padding-top: 20px;
}

#content{
	float: left;
	width: 460px;
	padding-top: 35px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.main{
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #FFF;
}

#main{
	zoom: 1;
	float: left;
	width: 100%;
	background-image: url(../images/top-arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-wap{
	zoom: 1;
	float: left;
	width: 100%;
	background-image: url(../images/mainbg.jpg);
	background-repeat: repeat-x;
}

#news-marquee{
	height: 59px;
	width: 1235px;
	margin-right: auto;
	margin-left: auto;
	line-height: 59px;
	font-family: "微軟正黑體";
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 10px;
}


.news-marquee{
	height: 59px;
	width: 1120px;
	line-height: 59px;
	font-family: "微軟正黑體";
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	float: left;
	padding-left: 115px;
}
/* ---------------------- 橫幅banner ------------------------ */

img { border: 0;}
.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	margin: 0;
	padding: 0;
}
.ck-slide ul.ck-slide-wrapper li {
	position: absolute;
	z-index: 7;
}
.ck-slide .ck-prev, .ck-slide .ck-next {
	position: absolute;
	top: 50%;
	z-index: 8;
	width: 35px;
	height: 70px;
	margin-top: -35px;
	border-radius: 3px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.ck-slide .ck-prev {
	left: 5px;
	background-image: url(../images/arrow_left.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
}
.ck-slide .ck-next {
	right: 5px;
	background-image: url(../images/arrow_right.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
}
.ck-slidebox {
	position: absolute;
	left: 50%;
	bottom: 12px;
	z-index: 999;
}
.ck-slidebox ul {
	height: 20px;
	padding: 0 4px;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.0);
}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
/* ---------------------- 主選單 ------------------------ */
#menu-wrap {
	width: 100%;
	background-attachment: scroll;
	background-image: url(../images/menu/menubg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#menu-content {
	padding-top: 92px;
	height: 50px;
	width: 1282px;
}

#nav{
	overflow: hidden;
	width: 440px;
	margin: 0;
	padding-left: 390px;
	padding-top: 70px;
}

/* 選單 */ 

#mupica ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupica li{margin: 0px;float: left;display: inline;}
#mupica li a {
	height: 50px;
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 213px;
}
#mupica li.onea a {
	background-image: url(../images/menu_01.jpg);
	height: 50px;
}
#mupica li.onea a:hover{
	background-image: url(../images/menu_01-over.jpg);
	background-repeat: no-repeat;
}


/* 選單一 */ 

#mupic ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupic li{margin: 0px;float: left;display: inline;}
#mupic li a {
	height: 50px;
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 213px;
}
#mupic li.one a {
	background-image: url(../images/menu_02.jpg);
	height: 50px;
}
#mupic li.one a:hover{
	background-image: url(../images/menu_02-over.jpg);
}

/* 選單二 */  
#mupic2 ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupic2 li{float: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;display: inline;}
#mupic2 li a {
	height: 50px;
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 213px;
}
#mupic2 li.two a {
	background-image: url(../images/menu_03.jpg);
}
#mupic2 li.two a:hover{
	background-image: url(../images/menu_03-over.jpg);
	height: 50px;
}

/* 選單三 */ 
#mupic3 ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupic3 li{float: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;display: inline;}
#mupic3 li a {
	height: 50px;
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 213px;
}
#mupic3 li.three a {
	background-image: url(../images/menu_04.jpg);
}
#mupic3 li.three a:hover{
	background-image: url(../images/menu_04-over.jpg);
}

/* 選單四 */  
#mupic4 ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupic4 li{float: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;display: inline;}
#mupic4 li a {
	height: 50px;
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 213px;
}
#mupic4 li.four a {
	background-image: url(../images/menu_05.jpg);
}
#mupic4 li.four a:hover{
	background-image: url(../images/menu_05-over.jpg);
}

/* 選單五 */  
#mupic5 ul{list-style-type: none;margin: 0px;padding: 0px;}
#mupic5 li{float: left;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;display: inline;}
#mupic5 li a {
	height: 50px;
	display: block;
	line-height: 9000px;
	overflow: hidden;
	width: 217px;
}
#mupic5 li.five a {
	background-image: url(../images/menu_06.jpg);
}
#mupic5 li.five a:hover{
	background-image: url(../images/menu_06-over.jpg);
}


/*--------------- 首頁標題區 -------------------------*/
#doc-inx {
	width: 100%;
	float: left;
}

.doc-inx {
	width: 100%;
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #FFF;
	line-height: 18px;
	height: 37px;
}

.doc-inx a:link {
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #FFF;
}

.doc-inx a:hover {
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #FC0;
}

.doc-inx a:active {
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #FFF;
}

.doc-inx a:visited{
	font-family: "微軟正黑體";
	font-size: 13px;
	color: #FFF;
}



#doc-about {
	background-repeat: no-repeat;
	height: 62px;
	width: 257px;
	padding-top: 20px;
	padding-bottom: 10px;
}

#doc-about:hover {

}


#doc-news {
	background-image: url(../images/title-news2.png);
	background-repeat: no-repeat;
	height: 62px;
	width: 328px;
}

#doc-news:hover {
	background-image: url(../images/title-news2.png);
}

#doc-calender {
	background-image: url(../images/calenter.png);
	background-repeat: no-repeat;
	height:156px;
	width: 168px;
}

#doc-calender:hover {
	background-image: url(../images/calenter.png);
}

#sidebar_right1 {
	width: 240px;
	float: left;
	margin: 0px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*- 影片 -*/
#sidebar_right2 {
	width: 313px;
	padding: 0;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contente {
	float: left;
	width: 313px;
	background-repeat: repeat-y;
	background-position: top;
	background-image: url(../images/right_02_02.png);
}
.bgtope {
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../images/right_02_01.png);
	height: 54px;
}
.bgbtme {
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(../images/right_02_03.png);
	float: left;
	width: 313px;
	height: 24px;
}
.post2 {
	padding-right: 25px;
	padding-left: 25px;
}

.post3 {
	float: left;
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	padding-top: 15px;
}


/*--------------- 首頁消息區 -------------------------*/

.content_l{
	float: left;
	width: 328px;
	padding-right: 16px;
}

.content_box{
	float: left;
	padding-left: 10px;
	padding-right: 20px;
}

.content_r{
	float: left;
	width: 216px;
	padding-right: 24px;
	padding-left: 15px;
}

.content_boxv{
	float: left;
	padding-top: 10px;
	padding-bottom: 20px;
	width: 100%;
}

.content_boxvd{
	float: left;
	width: 628px;
	background-image: url(../images/title-videot_03.png);
	height: 35px;
}

.content_lv{
	float: left;
	width: 750px;
	padding-right: 10px;
}

.content_rv{
	float: left;
	width: 238px;
	padding-left: 10px;
}

.content_rv-map{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.content_rv-mapbox{
	float: left;
	background-color: #FFF;
	border: 6px solid #FFF;
	box-shadow:0px 0px 6px rgba(0%,0%,0%,0.2);
}

.content_rv-partners{
	float: left;
	width: 100%;
}

.content_rv-link{
	float: left;
	text-align: center;
	width: 100%;
	margin-bottom: 2px;
}

/* 資料列表 */
#list {
	padding-top:4px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}
/* 資料列表 (首頁) */
#list_home {
	vertical-align: top;
	float: left;
	text-align: left;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 2px 10px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
	width: 280px;
}
#list_home a:link {
	color:#000000;
	font-family: "微軟正黑體";
	font-size: 15px;
	text-decoration: none;
	line-height: 30px;
}
#list_home a:visited {
	color:#000000;
	text-decoration: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 30px;
}
#list_home a:hover {
	color:#FF0000;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 30px;
}
#list_home a:active {
	color:#5c5c5c;
	text-decoration: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 30px;
}

DIV#list_home .list_home_left{
	width:100%;
	float:left;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-family: "微軟正黑體";
}

/* 資料列表-媒體 */
#list_box{
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DFDFDF;
}


#list_p_time {
	width: 100px;
	margin: 0px;
	font-size: 13px;
	color: #F90;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}

#list_right{
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #333333;
	width: 590px;
	float: left;
}

#list_right a:link {
	color: #333333;
	font-family: "微軟正黑體";
	font-size: 15px;
}
#list_right a:visited {
	color:#333333;
}
#list_right a:hover {
	color:#FF6600;
}
#list_right a:active {
	color:#333333;
}

.news_line{
	font-family: "微軟正黑體";
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	float: left;
	width: 575px;
	height: 1px;
}

.news_con{
	color: #ff0066;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 26px;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	height: 26px;
	width: 280px;
}

.news_con a:link {
	color:#666666;
	font-size: 13px;
	text-decoration: none;
}
.news_con a:visited {
	color:#666666;
	font-size: 13px;
	text-decoration: none;
}
.news_con a:hover {
	color:#0066CC;
	font-size: 13px;
	text-decoration: none;
}
.news_con a:active {
	color:#990000;
	font-size: 13px;
	text-decoration: none;
}


#newsbox{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	width: 300px;
}

.news_conp{
	color: #666666;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 20px;
	float: left;
	width: 220px;
	padding-bottom: 12px;
}

.news_conp a:link {
	color:#666666;
	font-size: 13px;
}
.news_conp a:visited { 
     color:#666666; 
	 font-size: 13px;
}
.news_conp a:hover {
	color:#336600;
	font-size: 13px;
}
.news_conp a:active {
	color:#990000;
	font-size: 13px;
}



/* 資料列表 */
#listv {
	padding-top:4px;
	height:22px;
	line-height:22px;
	vertical-align:middle;
}
/* 資料列表 (首頁) */
#list_homev {
	vertical-align: top;
	float: left;
	text-align: left;
	background-image: url(../images/arrow5.png);
	background-repeat: no-repeat;
	background-position: 2px 10px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
	width: 580px;
}
#list_homev a:link {
	color:#000000;
	font-family: "微軟正黑體";
	font-size: 15px;
	text-decoration: none;
	line-height: 30px;
}
#list_homev a:visited {
	color:#000000;
	text-decoration: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 30px;
}
#list_homev a:hover {
	color:#FF0000;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 30px;
}
#list_homev a:active {
	color:#5c5c5c;
	text-decoration: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 30px;
}

DIV#list_homev .list_home_left{
	width:100%;
	float:left;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-family: "微軟正黑體";
}


/* 資料列表-媒體 */
#list_boxv{
	float: left;
	padding: 5px;
}


#list_p_imgv {
	height:56px;
	padding: 0px;
	width: 96px;
	border: 1px solid #CCCCCC;
	margin: 4px;
}

#list_rightv{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 31px;
	color: #990099;
	height: 31px;
	width: 220px;
	float: left;
}

#list_rightv a:link {
	color: #990099;
	font-family: "微軟正黑體";
	font-size: 15px;
}
#list_rightv a:visited {
	color:#990099;
}
#list_rightv a:hover {
	color:#FF6600;
}
#list_rightv a:active {
	color:#990000;
}

.news_linev{
	font-family: "微軟正黑體";
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	float: left;
	width: 575px;
	height: 1px;
}

.news_conv{
	color: #ff0066;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 26px;
	padding-left: 20px;
	float: left;
	text-decoration: none;
	height: 26px;
	width: 580px;
}

.news_conv a:link {
	color:#666666;
	font-size: 13px;
	text-decoration: none;
}
.news_conv a:visited {
	color:#666666;
	font-size: 13px;
	text-decoration: none;
}
.news_conv a:hover {
	color:#0066CC;
	font-size: 13px;
	text-decoration: none;
}
.news_conv a:active {
	color:#990000;
	font-size: 13px;
	text-decoration: none;
}


#newsboxv{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	width: 600px;
	padding-left: 18px;
}

.news_conpv{
	color: #666666;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 20px;
	float: left;
	width: 220px;
	padding-bottom: 12px;
}

.news_conpv a:link {
	color:#666666;
	font-size: 13px;
}
.news_conpv a:visited { 
     color:#666666; 
	 font-size: 13px;
}
.news_conpv a:hover {
	color:#336600;
	font-size: 13px;
}
.news_conpv a:active {
	color:#990000;
	font-size: 13px;
}

/* 首頁商品區塊 */
#home_content {
	text-align: left;
}

/* 首頁上品列表框 */
#home_products_row {
	height: auto;
	clear: both;
}

/* 首頁商品 */
#home_products_row .home_products_case {
	clear : right;
	float: left;
	padding-bottom: 2px;
}
#home_products {
	float: left;
	clear: left;
	padding-left: 9px;
	padding-right: 9px;
}

#home_products2 {
	padding-left: 5px;
	background-position: bottom;
	background-repeat: no-repeat;
	width: 600px;
	clear: left;
	margin-right: auto;
	margin-left: auto;
}
#home_products3 {
	padding-left: 0px;
	background-image: url(../images/type/type_img.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 680px;
	clear: left;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/* ------------- 產品圖 -------------*/
DIV#home_products .home_images{
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*-------------產品名稱 -------------*/
DIV#home_products .home_name {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}
DIV#home_products .home_name a:link{
	color: #FFFFFF;
}
DIV#home_products .home_name a:visited{
	color: #FFFFFF;
}
DIV#home_products .home_name a:hover{
	color: #CCCCCC;
}
DIV#home_products .home_name a:active{
	color: #FFFFFF;
}

DIV#home_products .home_name2 {
	font-size: 11px;
	color: #996600;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
DIV#home_products .home_name2 a:link{
	color: #333333;
}
DIV#home_products .home_name2 a:visited{
	color: #333333;
}
DIV#home_products .home_name2 a:hover{
	color: #FF0000;
}
DIV#home_products .home_name2 a:active{
	color: #333333;
}


DIV#home_products2 .home_name {
	font-size: 13px;
	color: #333333;
	text-align: center;
	line-height: 45px;
	background-image: url(../images/f_btn.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}
DIV#home_products2 .home_name a:link{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
DIV#home_products2 .home_name a:visited{
	color: #333333;
}
DIV#home_products2 .home_name a:hover{
	color: #FF0000;
}
DIV#home_products2 .home_name a:active{
	color: #333333;
}

#probox{
	float: left;
	width: 215px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.probox_title{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #23438D;
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.probox_title a:link{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;

}

.probox_title a:hover{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #FF6600;
}

.probox_title a:active{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
}

.probox_title a:visited {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
}

.probox_title2{
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 48px;
	font-weight: bold;
	color: #008000;
	width: 675px;
	float: left;
	text-align: left;
	background-image: url(../images/p_titlebg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 55px;
	padding-left: 35px;
}

.probox_title3{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 27px;
	font-weight: bold;
	color: #FFFFFF;
	width: 690px;
	float: left;
	text-align: left;
	background-image: url(../images/p_titlebg2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	padding-left: 20px;
	margin-top: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.probox_con{
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	color: #181818;
	width: 685px;
	float: left;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.probox_more{
	float: left;
	text-align: right;
	width: 99%;
}

.homepage_swrap{
	float: left;
	text-align: right;
	width: 350px;
}


.homepage_right{
	float: left;
	text-align: left;
	width: 330px;
	padding-left: 20px;
}



/*--------------- 版權聲明區 -------------------------*/

#doc-form-h {
    background-image: url('../images/icon-h.png');
    background-repeat: no-repeat;
    width:59px;
    height:58px;
}

#doc-form-h:hover {
    background-image: url('../images/icon-h-over.png');
}

#doc-form-e {
    background-image: url('../images/icon-e.png');
    background-repeat: no-repeat;
    width:59px;
    height:58px;
}

#doc-form-e:hover {
    background-image: url('../images/icon-e-over.png');
}

#doc-form-f {
    background-image: url('../images/icon-f.png');
    background-repeat: no-repeat;
    width:59px;
    height:58px;
}

#doc-form-f:hover {
    background-image: url('../images/icon-f-over.png');
}

#foot{
	width: 100%;
	float: left;
	background-image: url(../images/foot-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
}

.foot{
	width: 1100px;
	background-color: #282828;
	margin-right: auto;
	margin-left: auto;
}

.foot-img{
	position: absolute;
	z-index: 8;
	bottom: 140px;
	left: 0px;
	background-size: cover;
	background-image: url(../images/pro.png);
	display: block;
	width: 100%;
	height: 680px;
	background-repeat: no-repeat;
	background-size: 20% auto;
}


.foot_nav{
	text-decoration: none;
	width: 100%;
	text-align: left;
	position: relative;
	font-size: 13px;
	line-height: 22px;
	color: #FFFFFF;
	font-family: "微軟正黑體";
	float: left;
}

.foot_snav{
	float: left;
}

.foot_nav a:link{
	color: #FFF;
	text-decoration: none;
}

.foot_nav a:hover {
	color: #F90;
	text-decoration: none;
}

.foot_nav a:visited {
	color: #0CF;
	text-decoration: none;
}
.foot_nav a:active {
	color: #FFF;
	text-decoration: none;
}

.foot_nav-left{
	width: 420px;
	text-align: left;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 26px;
	float: left;
	padding-top: 15px;
}

.foot_nav-main{
	width: 380px;
	text-align: left;
	font-family: "微軟正黑體";
	float: left;
	font-size: 13px;
	line-height: 26px;
	padding-top: 15px;
}

.foot_nav-right{
	width: 300px;
	float: left;
	text-align: right;
	background-image: url(../images/foot-logo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 99px;
}

.foot_bar{
	font-size: 14px;
	width: 100%;
	height: 45px;
	text-align: left;
	color: #9dd8ee;
	font-family: "微軟正黑體", Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	line-height: 26px;
	float: left;
}