@charset "utf-8";
/* CSS Document */
body {
	margin:0;	
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	background: url(../images/bg.gif) repeat-x; font-size:12px; color:#333;
	
	
}
a:link {	text-decoration: none;}
a:visited {	text-decoration: none;}
a:hover {	text-decoration: underline;}
a:active {	text-decoration: none;}
a img { border-style:none;}
img{vertical-align:middle;}

#wrapper{width:1000px; height:auto; margin:0 auto; padding-bottom:15px; position:relative  }

#header{ width:950px; height:170px; margin:0 25px; float:left; position:relative }
#topbt{ width:500px; height:44px; position:absolute; right:0; top:0; z-index:1; text-align:right;}
#menu{  width:968px; height:38px; background:url(../images/menubg.jpg) no-repeat top left; margin:0 16px; float:left}
#menubt{  width:669px; height:35px; float:left; margin:3px auto auto 8px;}
#search{ width:276px; height:25px; float:left; margin:7px auto auto 5px;}
#search h1{ width:155px; height:27px; background:url(../images/sbg.jpg) no-repeat; float:left; padding:2px 0 0 3px; }
#search h2{ width:39px; height:27px;float:left; }
#search h3{ float:left; padding:3px 0px 3px 5px; }
.sbox{ width:157px; height:21px; background:#FFFFFF; border:none; color:#666666; font-size:13px; } 

#adbig{ width:968px; height:435px; background:url(../images/adbg.jpg) no-repeat top left;margin:0 16px;float:left}
#ad{ width:950px; height:410px; margin:0 auto auto 8px ; position:relative;}
#content{ width:950px; margin:0 15px; float: left;  }

/*左側分類01*/
#left{ width:200px;  float:left; margin-bottom:20px;}
#left #login{ width:120px; height:70px; margin:5px 0px 10px 0px; background:url(../images/loginbox.png) no-repeat ;padding: 50px 40px 0px 40px;}
#left #login h1{ width:120px; font-family:"微軟正黑體",Microsoft JhengHei; color:#512D06; font-size:13px; font-weight:bold; text-align:center; padding:0px 0px 2px 0px;}
#left ul{  width:200px;  float:right; padding-bottom:0px; margin:0px auto;}
#left li{ color:#333; font-size:15px; font-weight:bold; width:163px; float:left; margin-bottom:0px; padding: 0px 0px 0px 37px; background: url(../images/leftline.gif) bottom repeat-x;   }
#left li img{ margin: 0px 5px 4px 5px; }
#left li.on{ background: url(../images/leftline.gif) bottom repeat-x #fffbcc;}
#left li a{ color:#333; display:block; padding:8px 0px 8px 0px;}
#left li a:hover{ text-decoration:none;}
#left li:hover { color:#333; text-decoration:none; background: url(../images/leftline.gif) bottom repeat-x #fffbcc;  }
#left_sub{ color:#333333; font-size:13px;  width:175px; float:right;}
#left_sub h1{ color:#333333; margin:2px auto; float:left; clear:both;width:175px;}
#left_sub h1 a{ color:#333333; display:block;}
#left_sub h1 a:hover{ color:#ff3300;}
.left_sub{ color:#333333; font-size:13px;  width:200px; float:right; background:#eff0f4; padding:0px 0px 0px 0px; }
.left_sub h1{ color:#333333; margin:4px auto; float:left; clear:both;width:155px; padding:4px 5px 4px 38px; background:url(../images/left_sub.gif) no-repeat 30px 10px;}
.left_sub h1 a{ color:#333333; display:block; }
.left_sub h1 a:hover{ color:#ff3300;}
.left_sub h2{ color:#666; margin:4px auto; float:left; clear:both;width:155px; padding:4px 5px 4px 38px; }
.left_sub h2 a{ color:#666; display:block; }
.left_sub h2 a:hover{ color:#ff3300;}

/*左側影片*/
#left_video{ width:200px;  float:left; margin:0px 0px 0px;}
#left_video ul{width:188px; border:#ebeaf0 1px solid; padding:5px; background:#fbfcfe; margin:0px;}
#left_video ul .youtube{width:188px; margin:0px; z-index:-9999;}
#left_video ul .name{width:188px; color:#b31e3e; font-size:13px; text-align:center; padding:3px 0px 3px 0px;}
#left_video ul .name a{ color:#b31e3e; text-decoration:none;}
#left_video ul .name a:hover { color:#b31e3e; text-decoration: underline;}
#left_video ul .txt{width:188px; font-size:12px; padding:5px 0px 3px 0px; border-top:#ebeaf0 1px solid; background:url(../images/video_bg.gif) no-repeat top; line-height:18px;  }

/*左側連結*/
#left_link{ width:200px;  float:left; margin:6px 0px 0px;}
#left_link img{width:200px; padding:0px 0px 6px 0px;}


/*首頁照片列表*/
.pic{ float:left; margin-top:15px; clear:both; width:720px;}
.picbox{ width:170px; margin:0 10px 0px 0; font-size:13px; color:#333333; text-align:center; float:left;}
.picbox h1{ width:170px; margin-bottom:5px; float:left;}
.picbox h1 img{ width:170px; }
.picbox h2{ width:170px; text-align:center; padding:0px 0px 3px 0px;  float:left;}
.picbox h3{ width:170px; padding:3px 0px 3px 0px; text-align:center; font-size:13px; color:#333;}
.picbox h3 a{ color:#333; text-decoration:none;}
.picbox h3 a:hover{ color:#ff3300; text-decoration:underline;}

.pic2{ float:left; margin-top:15px; clear:both; width:950px;}
.picbox2{ width:180px; margin:0 10px 0px 0; font-size:13px; color:#333333; text-align:center; float:left;}
.picbox2 h1{ width:180px; margin-bottom:5px; float:left;}
.picbox2 h1 img{ width:180px; }
.picbox2 h2{ width:180px; text-align:center; padding:0px 0px 3px 0px;  float:left;}
.picbox2 h3{ width:180px; padding:3px 0px 3px 0px; text-align:left; font-size:13px; color:#333;}


#right{ width:720px;  float:right; }
#right2{ width:950px;  float:right; }


#footer{ width:100%; clear:both; background:#f3f4f4; height:60px; padding-top:28px; position:relative; }

#info{  width:820px; margin:0 auto; font-size:10px; color:#666666; -webkit-transform : scale(0.85); padding-left:180px;}

.jddt{ color:#acadad; }
.jddt a{ color:#acadad; text-decoration:underline;}

.pd{ float:left; width:720px; margin-bottom:20px;}
.pd li{text-align: center;}
.pd li p {color: #333;}
.row{ float:left; margin-top:10px; clear:both; width:720px;}
.pdbox{ width:170px; margin:0 10px 10px 0; font-size:13px; color:#333333; text-align:center; float:left;}
.pdbox h1{ width:170px; margin-bottom:5px; float:left;}
.pdbox h1 a{ color:#333333; display:block;}
.pdbox h1 a:hover{
	color:#ff3300;
	padding-top:0px;
}

.og{ color:#ff3300; font-size:16px; font-weight:bold;}
.blue{ color:#2ea5f0; font-size:16px; font-weight:bold;}
.gray{
	font-size: 14px;
	color: #686868;
	line-height: 1.5em;
}
/*影片列表*/
#video{ float:left; margin-top:0px; clear:both; width:720px;}
#video ul{ width:720px; border-bottom:1px dashed #8b8989; padding:0px 0px 15px 0px; margin:15px 0px 0px 0px; list-style:none; height:auto; overflow: hidden;}
#video .lbox{ width:210px; padding:0px; float:left;}
#video .lbox .youtube{ width:210px; float:left;}
#video .lbox .large{ width:210px; float:left; padding-top:5px; text-align:center;}
#video .rbox{ width:500px; padding:0px 0px 0px 10px; float:left;}
#video .rbox .textbox{ width:500px; float:left;}
#video .rbox .textbox .title{ width:80px; float:left; font-size:15px; color:#333333; font-family: "微軟正體體"; font-weight:bold;}
#video .rbox .textbox .txt{ width:420px; float:left; font-size:13px; color:#333;}
#video .rbox .textbox .name{ width:420px; float:left; font-size:15px; color:#b31e3e; font-weight:bold;}

/*影片分享*/
#tvc{ margin:0px 0px 0px 0px; width:720px; float: left; height:auto; overflow: hidden;/*版面底圖延伸*/ }
#tvc ul{ margin:0px; padding:0px 0px 10px 0px; list-style: none; text-align:center;  }

/*資源分享*/
.resources_edit{ width:720px; color:#555556; font-size:13px; line-height:1.8; float:left; margin:0px 0px 0px 0px;}
.resources_left{ width:379px; float:left; border-right:1px solid #e5e2e2; min-height:210px;}
.resources_left .top { width:280px; padding:0px 0px 10px 0px;}
.resources_left .top img{ width:360px; border:1px solid #e5e2e2;}
.resources_right{ width:320px; float: right; padding-left:20px;}
.resources_right .download { width:320px; }
.resources_right .download img { float: left; padding:20px 10px 0px 0px;}


/*右側瀏覽紀錄*/
#view{ width:80px;}
#view h1{ width:80px;}
#view h2{ width:80px; background: url(../images/viewbg.gif) repeat-y; }
#viewlist{ width:73px; margin:0 auto; background: #FFFFFF; padding:5px 0;}
#viewlist ul{}
#viewlist li{ width:67px; margin:3px auto 5px auto; background: url(../images/viewline.gif) bottom repeat-x; padding-bottom:5px;}
#gotop{ width:80px; height:11px; display:block; background: url(../images/top.gif) no-repeat center top; margin:8px auto auto 5px;}
#gotop:hover{ background-position:20px -11px;}


/*product*/
#bnbig{ width:968px; height:190px; background:url(../images/bannerbg.jpg) no-repeat top left;margin:0 16px;float:left}
#banner{ width:950px; height:179px; margin:0 auto auto 8px;}
#tab{ width:100%; color:#9c9b9b; text-align:right; margin-bottom:5px;}
#tab a{  color:#9c9b9b}
#tab a:hover{  color:#545353}
#tt{ width:720px; border-bottom:5px solid #bfc0c3; margin-bottom:10px; padding-bottom:5px;}
#tt2{ width:950px; border-bottom:5px solid #bfc0c3; margin-bottom:10px; padding-bottom:5px;}
#subtt{ width:715px; color:#005599; font-size:15px; font-weight:bold;margin-bottom:10px; padding-left:5px}
#subtt2{ width:945px; color:#005599; font-size:15px; font-weight:bold;margin-bottom:10px; padding-left:5px}


/*product_show*/
#show_top{ width:720px; float:left; color:#666666; margin-bottom:20px; }
#show_top h1{ width:420px; float:left; border:1px solid #f0eaea;}
#show_top h2{ width:255px; float:right;font-size:22px; color:#f37f28;  font-weight:bold; background:url(../images/namepp.gif) no-repeat top left; padding-left:25px; min-height:30px;  margin-bottom:10px; }
#show_top h3{ width:280px; float:right; margin-bottom:10px; border-bottom:1px dotted #a5a3a3;border-top:1px dotted #a5a3a3;padding-bottom:8px;}
#show_top h3 li{ width:65px; height:65px; margin:10px 10px auto 10px; float:left; cursor:pointer}
#show_top h4{ width:280px; float:right; line-height:20px; margin:10px auto; }
#show_top h4 ul{ width:250px; padding-left:40px; }
#show_top h4 li{ width:109px; height:31px; margin:5px 10px auto 0px; float:left; }
#show_top h5{ width:280px; float:right; border-top:1px dotted #979797;border-bottom:1px dotted #979797; color:#787878; margin:10px auto; padding:5px 0;}
.show_edit{ width:720px; color:#555556; font-size:13px; line-height:1.8; float:left; margin:15px auto 10px auto;}
.show_left{ width:375px; float:left; border-right:1px solid #e5e2e2; padding-right:15px; min-height:210px;}
.show_right{ width:325px; float: right; }
.show_right ul{ }
.show_right li{ width:95px; border:1px solid #e5e2e2; margin:0 0 20px 10px; float:left; }
.show_phsh{ float:left; margin-left:10px; width:700px;}
.show_phsh ul{  }
.show_phsh li{ width:120px; border:1px solid #e5e2e2; margin:0 0 20px 15px; float: left; }
.show_phsh p{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.show_say{ width:710px;  float:left; margin:10px auto; background:#cdcdd2; padding:3px 0 3px 10px;}

#code{ border-bottom:1px solid #e5e2e2;  padding:0 0 10px 30px; width:255px; float:right;}
#money{width:280px; float:right;}


/*購物車*/
#step{ width:720px; margin:10px auto 20px 0px; float:left;}
#listpd{ width:720px; float:left; }#listpd a{color:#333}
#listpd h1{ border:3px solid #df3358; font-size:13px;}
.ff{ border:1px solid #D1D1D1; padding:3px; width:40px;} 
.ffpink{ border:3px solid #fbbe75;}
.fforg{ border:1px solid #f18231; padding:3px;}
.pd_list{ width:400px; float:left; margin:8px auto 0px 8px;}
.pd_list h3{ width:65px; float:left;}
.pd_list h2{ width:330px; float:right;}
.pd_list h2 a{ color:#333; display:block;}
.line{ background:url(../images/line.gif) repeat-x center; min-height:10px;}

#listtime{ width:798px; float:left; margin-top:15px;}
#listtime h1{ border:3px solid #bf41c4; font-size:13px;}

#listall{ width:720px; float:left; margin-top:15px;}
#listall h1{ border:3px solid #fbbe75; font-size:13px; background:url(../images/listallbg.gif); color:#333333; padding:10px;}

#at{ width:720px; float:left; margin-top:15px; margin-bottom:15px;}
#at h1{ border-bottom:1px dashed #535353;border-top:1px dashed #535353; padding:10px 0px; font-size:13px; margin-top:5px;}

#cart022{ width:720px; float:left; border-top:1px dashed #d9d7d7; font-size:13px; padding-top:20px; border-bottom:1px dashed #d9d7d7;}
.cart03{ width:720px; float:left; margin:20px auto auto auto;border-bottom:1px solid #d9d7d7; padding-bottom:15px; font-size:12px;}

#join2{ width:720px; float:left; margin:30px auto auto 0px;}
#join2 h1{ width:720px; float:left;}
#join2 h2{ float:left; border-top:1px dashed #d9d7d7; border-bottom:1px dashed #d9d7d7; padding:15px; line-height:2; font-size:13px; width:; clear:both; margin:10px auto;}

#join3{ width:720px; float:left; margin:30px auto 30px 0px;}
#join4{ width:720px; float:left; margin:30px 0px 30px 105px;}

.line{ background:url(../images/line.gif) repeat-x center; min-height:10px;}


#back{ clear:both; float:left; text-align:center; margin:15px 0; width:100%;}
#logout{ width:180px; margin:10px auto; font-family:微軟正黑體; color:#333; font-size:15px;}
.red{ color:#d51840;}
.blue2{ color:#0181e4;}



/*最新公告*/
#news{ width:720px; margin:10px auto 10px 0px; float:left;}
.news_list{ width:700px; margin:10px auto 10px 0px; border-bottom:1px dashed #8b8989; float:left; display:block; clear:both; padding:10px}
.news_list:hover{ background:#fbf5e9}

.news_list h2{ color:#999898; font-size:12px; float:left; width:55px;}
.news_list h3{ color:#f15921; font-size:13px;  float:left; margin:auto auto auto 15px; padding-left:16px; background:url(../images/3.gif) no-repeat top left; width:586px;}
.news_list h3 a{ display:block;color:#f15921;}
.news_list h3 a:hover{ color:#005599;}
.news_list h4{ color:#787777; font-size:12px; width:720px; margin:8px auto 8px auto; float:left;}

.news_list2{ width:720px; margin:10px auto 10px 0px; border-bottom:1px dashed #8b8989; float:left;  clear:both; padding-bottom:10px;color:#666666; font-size:13px; line-height:1.8}
.news_list2 a{  color:#666666}
.news_list2 h2{ color:#999898; font-size:13px; float:left; width:55px; }
.news_list2 h3{ color:#f68127; font-size:15px; font-weight:bold; float:left; margin:auto auto auto 10px; padding-left:16px; background:url(../images/3.gif) no-repeat top left; width:606px;}

/*型錄下載*/
.down_list{ width:700px; margin:10px auto 10px 0px; border-bottom:1px dashed #666; float:left; display:block; clear:both; padding:10px}

.down_list h3{ color:#666; font-size:15px;  float:left; margin:10px 15px auto 0; padding-left:16px; background:url(../images/3.gif) no-repeat top left; width:540px;}
.down_list h3 a{ display:block;color:#f15921;}
.down_list h3 a:hover{ color:#005599;}
.down{ width:112px; height:37px; display:block; background: url(../images/down.jpg) no-repeat center top; float:right;}
.down:hover{ background-position:0 -37px;}


.down_list h4{ color:#666; font-size:15px;  float:left; margin:10px 15px auto 0; padding-left:16px; background:url(../images/3.gif) no-repeat top left; width:680px;}
.down_list h4 a{ display:block;color:#f15921;}
.down_list h4 a:hover{ color:#005599;}

/*檔案下載*/
.down_list03{ width:700px; margin:10px auto 10px 0px; border-bottom:1px dashed #666; float:left; display:block; clear:both; padding:10px}

.down_list03 h3{ color:#666; font-size:15px;  float:left; margin:10px 0px auto 0; padding-left:16px; background:url(../images/3.gif) no-repeat top left; width:694px;}
.down_list03 h3 a{ display:block;color:#666;}
.down_list03 h3 a:hover{ color:#005599;}

.download_list2{ width:720px; margin:10px auto 10px 0px; border-bottom:1px dashed #8b8989; float:left;  clear:both; padding-bottom:10px;color:#666666; font-size:13px; line-height:1.8}
.download_list2 a{  color:#666666}
.download_list2 h3{ color:#f68127; font-size:15px; font-weight:bold; float:left; margin:auto auto auto 0px; padding-left:16px; background:url(../images/3.gif) no-repeat top left; width:704px;}

/*檔案下載列表*/
.dl{ float:left; margin-top:15px; clear:both; width:720px;}
.dlbox{ width:170px; margin:0 10px 0px 0; font-size:13px; color:#333333; text-align:center; float:left;}
.dlbox h1{ width:170px; margin-bottom:5px; float:left;}
.dlbox h1 img{ width:170px; }
.dlbox h2{ width:170px; text-align:center; padding-top:0px; float:left;}
.down02{ width:112px; height:37px; display:block; background: url(../images/down.jpg) no-repeat center top; }
.down02:hover{ background-position:0 -37px;}


/*聯絡我們*/
#con{ float:left; width:720px; margin-bottom:20px;font-size:13px; line-height:1.8; }
#con2{ float:left; width:950px; margin-bottom:20px;font-size:13px; line-height:1.8; }
#con_left{ float:left; width:300px;}
#con_right{ float: right; width:400px;}


/*sitemap*/
.site{ width:150px; margin:0 auto;}
.site li{ width:135px; float:left; font-size:13px; background:url(../images/leftpp.gif) no-repeat left center; padding-left:15px; margin:2px auto;}
.site li a{ color:#666; display:block;}
.site li a:hover{ color:#f15921}


.text{ border:1px solid #c9c9c9; font-size:13px; padding:5px;}
.nt{ color:#ee1c25; font-size:20px; font-weight:800;}
.money{ color:#ee1c25; font-size:60px; font-weight: 900; line-height:60px;}
.g13{ font-size:13px;} 


/*CSS yahoo style pagination*/

DIV.yahoo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; margin-bottom:10px; clear:both;
}
DIV.yahoo A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; 
}
DIV.yahoo A:hover {
	BORDER-RIGHT: #545353 1px solid; BORDER-TOP: #545353 1px solid; BORDER-LEFT: #545353 1px solid; COLOR: #ff3300; BORDER-BOTTOM: #545353 1px solid;
}
DIV.yahoo A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
DIV.yahoo SPAN.current {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
DIV.yahoo SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/*103.03.25左選單*/
/*定位*/
.none { display:none }

/*通用*/
.content { width:960px; }
.main { margin:15px auto 0 auto;  overflow:hidden; zoom:1 }
.main .left-sider { float:left; width:221px; }
.operate ul li a.noline {background:#d3d3d6}
.operate ul li a:hover{ color:#8caf00; }
.operate ul li a.selected:hover { color:#fff; }
.operate ul li.selected { width:190px;  float:right;url(../images/leftline.gif) bottom repeat-x; padding-bottom:10px; margin:3px auto; }
.operate ul li {width:190px;  float:right; background: url(../images/leftline.gif) bottom repeat-x; padding-bottom:10px; margin:3px auto;}
.operate ul li h4 { cursor:pointer;color:#333; display:block; padding:6px 0px 1px 0px; }
.operate ul li.noline { border-bottom:none; }
.operate ul li h4:hover { color:#005599 !important; text-decoration:underline; }
.operate ul li.selected h4 {
	width:200px;
	color:#333;
	display:block;
	padding:6px 0px 1px 0px;
}
.operate ul li { color:#333; font-size:15px; font-weight:bold; width:175px; background:url(../images/leftpp.gif) no-repeat 3px 8px; padding-left:15px; float:left; margin-bottom:0px; padding-bottom:7px;}
.operate ul li a { color:#333; width:160px;padding-left:15px; float:left}
.operate ul li .on a { color:#8caf00; font-weight:bold; }
.operate ul li a:hover { color:#FF3300; text-decoration:underline; }
.bg-color { background-color:#8caf00; }
.operate li .list-item {color:#ff3300; font-size:13px;  width:165px; float:right; background:#eff0f4; padding:0px 5px 0px 20px; }
.operate li .list-item a:hover{color:#ff3300!important ;}
.operate li .list-item p {color:#333333; margin:0px auto; float:left; clear:both;width:175px; padding:4px 0px 4px 10px; background:url(../images/left_sub.gif) no-repeat 0px 13px; font-weight:normal;}
.operate li .list-item a { color:#333333; display:block;}
.operate li .list-item p a:hover{ color:#ff3300;}
.left-sider .operate { border:1px solid #eaeaea;  zoom:1 }
.left-sider .ser-online a { background:url(../images/bg_ser_online.jpg) no-repeat 0 0; margin-top:10px; height:75px; border:1px solid #eaeaea; display:block; }