@charset "utf-8";

/* 依字母排序 */

.about {width: 244px; height: 371px; background: url(../images/about_bg.jpg) no-repeat; margin: 10px 0 0 12px; padding: 10px 8px 8px 8px;}

.aboutText {width: 228px; line-height: 0.8em;}

.back {width: 66px; margin-left: 715px;}

.back a:hover {position: relative; top: 1px; left: 1px;}

body {margin: 0; padding: 0; font-family: New Gulim; background-color: #ccdee8;}

.conbg {width: 781px; height: 545px; background: url(../images/conbg.jpg) no-repeat; padding-top: 10px;}

#contentbg {width: 1000px; background: url(../images/content_bottom_bg.jpg) repeat-y;}

#content {width: 1000px; margin: 0 auto; min-height: 545px; height: auto !important; height: 545px; background: url(../images/content_bg.jpg) no-repeat top;}

#content p {margin: 0 0 12px 0;}

#contentIn {width: 782px; margin: 0 auto;}

#contentInB {width: 901px; margin: 0 auto;}

.desText {width: 500px; padding: 20px; background-color: #eeeeee; font-size: 11px; color: #4b4d4d; margin: 10px 0; line-height: 1.7em;}

#footer {width: 1000px; height: 80px; background: url(../images/footer_bg.jpg) no-repeat;}

#footer .fText {font-size: 11px; color: #003d55; line-height: 1.7em; padding-top: 13px;}

#footer .fText  a {color: #003d55;}

#footer .fText  a:hover {color: #0059cb; text-decoration: none;}

.here {width: 100%; height: 20px; background-color: #c8dff2; color: #008fb9; font-size: 11px; font-weight: bold; line-height: 1.7em; padding-top: 2px; margin-bottom: 5px;}

.here a, .hereb a {color: #005880; font-weight: normal;}

.here a:hover, .hereb a:hover {color: #008fb9; text-decoration: none;}

.hereb {width: 94%; height: 20px; background-color: #c8dff2; color: #008fb9; font-size: 11px; font-weight: bold; line-height: 1.7em; padding-top: 2px; margin: 0 auto 5px auto;}

.itemsarrow {width: 7px; height: 9px; position: absolute; right: 2px; top: 15px;}

.itemstop {width: 216px; height: 29px; background: url(../images/items_top.jpg) no-repeat; text-align: center; color: #416c95; font-size: 11px; font-weight: bold; padding-top: 8px;}

ul.items {width: 206px; margin: -8px 0 10px 0; padding: 0; list-style: none;}

/*2010.7.11修正
ul.items li {width: 209px; height: 41px; background-color: #f3f4f4; border-bottom: 1px solid #d8d9d9; font-size: 11px; color: #7da3c4; line-height: 3.8em; padding: 0 0 0 7px; margin: 0; position: relative;}*/
ul.items li {width: 209px; background-color: #f3f4f4; border-bottom: 1px solid #d8d9d9; font-size: 11px; color: #7da3c4; line-height: 2em; padding: 10px 0 10px 7px; margin: 0; position: relative;}

ul.items li:hover {background-color: #eeeeee;}

ul.items li a {color: #0058bb; text-decoration: none;}

ul.items li a:hover {text-decoration: underline;}

#main {width: 100%; background: url(../images/bg.jpg) repeat-x top;}

#mainIn {width: 1000px; margin: 0 auto;}

#movelink:hover {position: relative; left: 1px;}

#movelinkb:hover {position: relative; top: 1px; left: 1px;}

.news {margin: 0 auto 35px auto;}

.newsText {border-top: 1px solid #9fcde6; border-bottom: 1px solid #9fcde6; color: #49494a; font-size: 11px; font-weight: bold; padding-top: 2px;}

.newsText a {color: #49494a; text-decoration: none; margin-right: 30px;}

.newsText a:hover {color: #888888; text-decoration: underline;}

.newsbg {width: 782px; background-color: #f4f8ff; border: 1px solid #bdcad1; padding: 15px 0; margin-bottom: 10px;}

.page {margin: 15px 0 10px 26px; width: 530px; height: 22px; background-color: #c0d1d9; font-size: 11px; color: #008fb9; font-weight: bold; line-height: 2em; padding-left: 10px;}

.page span {color: #000000; font-weight: normal;}

.page a {color: #005880; font-weight: normal;}

.page a:hover {color: #008fb9; font-weight: bold; text-decoration: none;}

.pagetable {margin: 5px 0 10px 26px; width: 540px; background-color: #c0d1d9; font-size: 11px; color: #008fb9; font-weight: bold; line-height: 2em; padding-left: 10px;}

.paragraph {width: 710px; margin: 15px auto; font-size: 11px; color: #4f5050; line-height: 2em;}

.paragraph p {margin: 0 15px;}

.rightArea {width: 540px; margin-left: 26px;}

.search {width: 311px; height: 56px; background: url(../images/search_bg.jpg) no-repeat; padding-left: 25px;}

.search .btn {border: 0; width: 24px; height: 23px; background: url(../images/search_btn.jpg) no-repeat; margin-left: 10px;}

#spaceA {height: 40px;}

#spaceB {height: 18px;}

.style1 {font-size: 16px; color: #005364; font-weight: bold;}

.style2 {font-size: 11px; color: #595959;}

.submitbtn {width: 104px; height: 38px; background: url(../images/submit_btn.jpg) no-repeat; border: 0; margin: 0 20px 0 0;}

.table1 {margin-left: 26px;}

.table1 a {color: #5a7684; font-size: 11px; font-weight: bold; text-decoration: none;}

.table1 a:hover {color: #90a3ad; position: relative; top: 1px; left: 1px;}

.table1 img {margin-bottom: 10px;}

.table2 {margin-left: 26px;}

.table2 .td2 a {color: #006691; font-size: 11px; font-weight: bold; margin-left: 10px;}

.table2 .td2 a:hover {color: #0059cb; text-decoration: none;}

.table3 {background-color: #ffffff; margin-left: 26px;}

.table3 a {font-size: 11px; color: #7f7f7f; font-weight: normal; line-height: 2em; text-decoration: none;}

.table3 a:hover {text-decoration: underline; position: relative; top: 1px;}

.table3 img {margin-bottom: 10px;}

.table4 {margin-left: 26px; font-size: 11px; line-height: 1.7em; margin-bottom: 10px;}

.table4 th {background-color: #a5c2ca; color: #ffffff; text-align: right; padding-right: 5px;}

.table4 td {background-color: #e7eff1; color: #000000; text-align: left; padding: 3px 5px;}

.table5 {margin: 0 0 10px 20px; color: #004b9b; font-size: 12px; line-height: 1.5em; padding-top: 15px;}

.table5 a {color: #004b9b; text-decoration: none;}

.table5 a:hover {color: #458be3; text-decoration: underline;}

.table5 td {background-color: #ffffff; padding: 8px 5px;}

.table6 {font-size: 12px; color: #004b9b; line-height: 1.7em;}

.table6 a {color: #004b9b;}

.table6 a:hover {color: #61a1dc; text-decoration: none;}

.table6 .td3 {background-color: #e8eef9; padding: 6px 5px;}

.table6 .td4 {background-color: #ecf7ff; padding: 6px 5px;}

.table7 {font-size: 11px; margin: 0 auto;}

.table7 th {background-color: #295c6f; color: #d3dee2; padding: 2px 5px;}

.table7 td {background-color: #ebf0f2; color: #295c6f; padding: 2px;}

/*search_result*/
.table8 {background-color: #ffffff; margin-left: -5px;}

.table8 a {font-size: 11px; color: #7f7f7f; font-weight: normal; line-height: 2em; text-decoration: none;}

.table8 a:hover {text-decoration: underline; position: relative; top: 1px;}

.table8 img {margin-bottom: 10px;}


.td1 {width: 113px; height: 113px; background-color: #ffffff; border: 1px solid #e3e6e7;}

.td1 img, .td1B img, .td1C img {border: 1px solid #ffffff;}

.td1B {width: 212px; height: 212px; background-color: #ffffff; border: 1px solid #e3e6e7;}

.td1C {width: 50px; height: 50px; background-color: #ffffff; border: 1px solid #e3e6e7;}

.title {font-size: 13px; color: #00466f; font-weight: bold; padding: 12px 0; line-height: 2em;}

#top {width: 1000px; height: 112px; background: url(../images/top.jpg) no-repeat;}

#top object {margin-left: 118px;}

#topshadow {width: 1000px; height: 14px; background: url(../images/top_s.jpg) no-repeat;}

#topshadow2 {width: 1000px; height: 14px; background: url(../images/top_s.jpg) no-repeat;}

.traBot {width: 780px; height: 49px; background: url(../images/tra_bottom.jpg) no-repeat;}

.traTop {width: 780px; height: 8px; background: url(../images/tra_top.jpg) no-repeat;}

.traMid {width: 780px; min-height: 443px; height: auto !important; height: 443px; background: url(../images/tra_middle.jpg) repeat-y;}

/*******************************product*****************************/
/*書封*/
.PI_img-s {
	float:left;
	padding:2px;
	margin:0 5px;
	}

.PI_img-s img{
	width:40px;
	border:0;
	}

a.PI_img-s,
a.PI_img-s:visited {
	border:1px #e5e4d8 solid;
	}
	
a.PI_img-s:hover{
	border:1px #E05400 solid;
	}

/*更多書封：書封下的箭頭*/
.PI_img-arrow {
	float:left;
	padding:2px;
	margin:0 2px;
	}

.PI_img-arrow img{
	margin-top:0px;
	border:0;
	}

/*產品圖滑動Bar*/
.PI_cover
{
float:left;
width:295px; /*add*/
text-align: center;
margin-top: 10px;
}

#goleft {float:left;clear:left;margin:6px 0px 0 3px;}
#goright {float:right;clear:right;margin:6px 3px 0 5px;}

#photos {width:226px;line-height:54px;border:0px solid #222;margin:3px 0;overflow:hidden;}
#showArea img {display:block;float:left;margin:1px 0;cursor:pointer;width:50px;}