@import url("reset.css");
@import url("mootools.js");
body {
	font-size: 12px; color: #333333;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background:#B8DDE5;
	}
a {text-decoration: none; color:#666666; }
a:visited {}
a:hover { color:#6699FF;}
a:active {}

#wrapper {width:968px;margin: 0 auto;background:#FFFFFF; }

#header{background: url(images/top.gif) no-repeat; height:106px;}
.logo{ float:left;}
.select{ float:right; width:418px;}
.language{ text-align:right; padding:10px 39px 30px 0;}

.menu{ background:url(images/menu_bg.gif) repeat-x; clear:both; padding:0 0 0 0px;}
.menu ul{ }
.menu li{ float:left;text-indent:-9999px; background:url(images/split.jpg) no-repeat right 2px; padding:0 1px;}
.menu li a{display:block;height:31px;outline:none;}
.menu li a:hover{}
.menu li.m01 a{ background:url(images/m1a.jpg) no-repeat center;width:58px;}
.menu li.m01 a:hover{background:url(images/m1b.jpg) no-repeat center;width:58px;}
.menu li.m02 a{ background:url(images/m2a.jpg) no-repeat;width:87px;}
.menu li.m02 a:hover{background:url(images/m2b.jpg) no-repeat;width:87px;}
.menu li.m03 a{ background:url(images/m3a.jpg) no-repeat;width:85px;}
.menu li.m03 a:hover{background:url(images/m3b.jpg) no-repeat;width:85px;}
.menu li.m04 a{ background:url(images/m4a.jpg) no-repeat;width:106px;}
.menu li.m04 a:hover{background:url(images/m4b.jpg) no-repeat;width:106px;}
.menu li.m05{ background:none;}
.menu li.m05 a{ background:url(images/m5a.jpg) no-repeat;width:58px;}
.menu li.m05 a:hover{background:url(images/m5b.jpg) no-repeat;width:58px;}

#cm{width:966px; margin:0 auto;}


/*body*/
/*左邊*/
#pagebody{clear:both; background:#FFFFFF; padding:0 8px 10px 8px;}

.top_lift{ float:left; width:496px; background:url(images/title2.JPG) no-repeat left top; padding:45px 0 0 0;}
.goog_big{height:493px;overflow:auto;font-family:DFKai-sb,"標楷體"; font-weight:bold;}
.goog_box{height:600px;width:300px;text-align:center; float:left;}
.goog_box img{border:0px solid #CCCCCC;margin:5px; padding:5px;}
.goog_box p{color:#2f438a; font-size:15px;}
.goog_box1{height:270px;width:250px;text-align:center; float:left;}
.goog_box1 img{border:0px solid #CCCCCC;margin:5px; padding:5px;}
.goog_box1 p{color:#2f438a; font-size:15px;}

.top_right{ float:right; width:430px; padding:0 10px 0 0;}
.about{ height:168px; background: url(images/title4.JPG) left top no-repeat; padding:45px 0 0 0;}
.newsbox{height:168px; background:url(images/title3.JPG) left top no-repeat; padding:45px 0 0 0;}
.new-01 li{ border-bottom:1px dashed #CCCCCC;}
.new-01 li span{ padding:0 10px 0 0; color:#6699FF;}
.new-01 li a{ color:#666666;}
.new-01 li a:hover{color:#6699FF;}

.title{ height:54px;}
body#about .title{ background:url(images/title4.JPG) no-repeat left top;}
body#products .title{ background:url(images/title2.JPG) no-repeat left top;}
body#contact .title{ background:url(images/title1.JPG) no-repeat left top;}
body#news .title{ background:url(images/title3.JPG) no-repeat left top;}

.imgbox{ width:320px; float:left; text-align:center;}

.listbox{width:280px; float:left;font-family:DFKai-sb,"標楷體";}
.listbox ul{padding:0 20px 0 10px;}
.listbox ul li{ border-bottom:1px solid #80afb7; padding:0 0 10px 0; margin:10px 0;color:#6793ea;}
.listbox ul li img{ width:40px; height:30px; float:left;}
.listbox ul li p{font-size:17px; padding:10px 0 0 50px; font-weight:bold;}
.listbox ul li ul{padding:0 5px; background:url(images/list_bg.jpg) left bottom no-repeat #70c2d0;}
.listbox ul li ul li{ font-size:13px;border-bottom:1px dashed #FFFFFF; padding:5px 0 5px 10px; margin:0; background:url(images/icom_02.gif) no-repeat left 10px;}
.listbox ul li ul li a{ color:#FFFFFF;}
.listbox ul li ul li a:hover{ color:#FFFFCC; font-weight:bold;}

.accToggler{background:#FFFFFF;cursor:pointer;}


.page{ width:630px;float:right;}
.map{ padding:5px; border:1px solid #CCCCCC; color:#999999; margin:5px 0;}
.map a{ color:#666666;}
.map a:hover{ color:#6699FF;}
.page h1{ font-size:16px; margin:0 0 10px 0; color:#3366CC; border-bottom:1px dashed #999999; padding:0 0 5px 0;}
.page span{ color:#6699FF; padding:0 10px 0 0;}

.goods_page{ width:660px;float:right;}
.goog_box2{width:220px;text-align:center; float:left;height:270px;}
.goog_box2 img{border:1px solid #CCCCCC;margin:5px; padding:5px;}
.goog_box2 p{color:#2f438a; font-size:15px;font-family: DFKai-sb,"標楷體"; font-weight:bold;}


/*數字頁*/
.page-no{ margin:5px auto; float:right;}
.page-no ul{font-size:12px; text-align:center;}
.page-no li{ float: left; border:1px solid #817e77; text-align:center;margin:2px; }
.page-no li a{display:block;color:#817e77; padding:2px;min-width:18px; min-height:18px; display:block;}
.page-no li a:hover{ background:#817e77; color:#FFFFFF;}
/*列表設計*/
.list_02 li{background:url(images/icon2.jpg) no-repeat left top; padding:0 0 0 20px ;}



/*版權*/
#footer{clear:both;text-align:center; border-top:1px solid #CCCCCC; margin:0 8px; padding:10px 0 0 0; color:#666666;}
/*共用*/
.clear{ clear:both;}
.homeback{ text-align:right; padding:5px 20px; }
.homeback img{border:none;}
.CC{ text-align:center;}
.red{ color: #FFFFFF; font-size:14px; text-align:left; line-height:24px; background-color: #333333;}
.red td {border:1px #000000 solid; padding:2px; }
.dada td{border-bottom:1px dashed #CCCCCC; }
.qa td { padding:5px;}
.yal td{ background: #FFFF66; border-bottom:1px #CCCCCC dashed; }
.ttd{ font-size:15px;}
.rad{ color:#FF0000;}
.gree{ color:#006600;}
.bl{ color:#0b77a4;}
.gre {background: #FFFFFF ;}
.bl{ background:#99CCFF;}
.gretb td{ border:1px solid #CCCCCC;}
.disabled {background: #FFFFCC;}
.false{ background: #EBEBEB;}
.da td{ border-bottom:1px dashed #666666;}
.sa td { border-bottom:1px solid #666666;}
.noimg img{ padding:inherit; border:none;}
.pd-5 td{ padding:5px; }
.fs14 { font-size:14px;} 
.w-370 { width:370px;}
.w-100{ width:80px;}
.h-50 { height:50px;}
.gr{ color:#006600; font-size:15px; font-weight:bold;}
.nt{ color: #993300; font-size:15px; font-weight:bold;}
.pd-1{padding:5px 0; }
.pd-1 td{ padding:0 2px;}