* { padding: 0; margin: 0; }
html, body { width: 100%; height: 100%; }
body { font-family: tahoma; font-size: 13px; color: #444; background: #fff; }

img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* link */
a, a:visited, a:hover { color: #367ed8; }


/* page */
.atmsPage {
	position: relative;
	width: 959px;
	min-height: 100%;
	height: auto;
	margin: 0 auto;
	background: url('../img/menu/bkg.gif') left repeat-y;
	overflow-x: hidden;
}


/* header */
.atmsHeader { position: relative; height: 119px; }
.atmsHeader img, .atmsHeader div { float: left; }
.atmsHeader div {
	width: 700px;
	height: 119px;
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
}
.atmsHeader h1 { font-size: 26px; color: #fff; font-weight: normal; margin-top: 60px; padding: 0 20px; }
.atmsHeader1 { background: url('../img/header/about.png') repeat-y; }
.atmsHeader2 { background: url('../img/header/product.png') repeat-y; }
.atmsHeader3 { background: url('../img/header/service.png') repeat-y; }
.atmsHeader4 { background: url('../img/header/info.png') repeat-y; }


/* menu */
.atmsMenu {
	position: relative;
	float: left;
	display: inline;
	width: 96px;
	margin-right: -100%;
	padding-top: 20px;
}
.atmsMenu div { width: 96px; height: 38px; cursor: pointer; margin-bottom: 10px; }
.atmsMenu0 { background: url('../img/menu/main.gif') no-repeat; }
.atmsMenu0on { background: url('../img/menu/main_on.gif') no-repeat; }
.atmsMenu1 { background: url('../img/menu/about.gif') no-repeat; }
.atmsMenu1on { background: url('../img/menu/about_on.gif') no-repeat; }
.atmsMenu2 { background: url('../img/menu/product.gif') no-repeat; }
.atmsMenu2on { background: url('../img/menu/product_on.gif') no-repeat; }
.atmsMenu3 { background: url('../img/menu/service.gif') no-repeat; }
.atmsMenu3on { background: url('../img/menu/service_on.gif') no-repeat; }
.atmsMenu4 { background: url('../img/menu/info.gif') no-repeat; }
.atmsMenu4on { background: url('../img/menu/info_on.gif') no-repeat; }
.atmsMenu5 { background: url('../img/menu/forum.gif') no-repeat; }
.atmsMenu5on { background: url('../img/menu/forum_on.gif') no-repeat; }


/* content */
.atmsContent, .atmsContentIndex {
	position: relative;
	float: right;
	display: inline;
	width: 863px;
	margin-left: 96px;
}
.atmsContentIndex { background: url('../img/content/bkg.png') top repeat-x; }
.atmsTop { position: absolute; width: 62px; height: 50px; background: url('../img/content/top.gif') no-repeat; }
.atmsTopIndex { position: absolute; width: 50px; height: 50px; background: url('../img/content/top.png') no-repeat; }
.atmsLeft {
	position: relative;
	float: left;
	display: inline;
	width: 333px;
	margin-right: -100%;
}
.atmsRight {
	position: relative;
	float: left;
	display: inline;
	width: 530px;
	margin-left: 333px;
}

/* footer */
.atmsFooter {
	position: relative;
	width: 959px;
	height: 30px;
	margin: -30px auto 0 auto;
	zoom: 1;
	background: #99958d;
}
.atmsFooter h2 { font-size: 13px; color: #fff; text-align: right; padding: 6px 10px 0 10px; }
.atmsPattern {
	position: relative;
	width: 959px;
	height: 87px;
	margin: -117px auto 0 auto;
	zoom: 1;
	background: url('../img/footer/pattern.gif') no-repeat;
}


/* clear */
.atmsClear { clear: both; }


/* ul */
.atmsRight ul { margin: 5px 0; }
.atmsRight ul li { margin-left: 20px; }


/* submenu */
.atmsSubmenu, .atmsSubmenuOn, .atmsSubmenuOff { position: relative; float: right; width: 230px; height: 90px; cursor: pointer; }
.atmsSubmenuOff { cursor: default; }
.atmsSubmenu, .atmsSubmenuOff { background: url('../img/content/menu_off.gif') no-repeat; }
.atmsSubmenuOn { background: url('../img/content/menu_on.gif') no-repeat; }
.atmsSubmenu h3, .atmsSubmenuOff h3 { font-size: 20px; color: #fff; font-weight: normal; text-align: center; }
.atmsSubmenuOn h3 { font-size: 22px; color: #fff; font-weight: normal; text-align: center; }
.atmsSubmenu h3.one, .atmsSubmenuOff h3.one { padding-top: 35px; }
.atmsSubmenuOn h3.one { padding-top: 33px; }
.atmsSubmenu h3.two, .atmsSubmenuOff h3.two { padding-top: 20px; }
.atmsSubmenuOn h3.two { padding-top: 17px; }


/* back */
.atmsBack, .atmsBackOn { position: absolute; z-index: 1; width: 74px; height: 76px; cursor: pointer; }
.atmsBack { background: url('../img/content/back_off.gif') no-repeat; }
.atmsBackOn { background: url('../img/content/back_on.gif') no-repeat; }


/* frame */
.frameAdmin { width: 510px; margin: 60px 0; }
.frameAdmin .c { position: relative; background: #dbf8e2; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0 18px; }
.frameAdmin .cg { position: relative; background: #dbf8e2 url('../img/frame/info_green.png') left repeat-y; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0; }
.frameAdmin .t { width: 474px; height: 18px; background: #dbf8e2; border-top: 1px solid #aaa; margin: 0 18px; }
.frameAdmin .tg { width: 376px; height: 18px; background: #dbf8e2; border-top: 1px solid #aaa; margin: 0 18px 0 116px; }
.frameAdmin .tl { background: url('../img/frame/info_t_l.png') top left no-repeat; }
.frameAdmin .tlg { background: url('../img/frame/info_t_l_green.png') top left no-repeat; }
.frameAdmin .tr { background: url('../img/frame/info_t_r.png') top right no-repeat; }
.frameAdmin .b { width: 474px; height: 18px; background: #dbf8e2; border-bottom: 1px solid #aaa; margin: 0 18px; }
.frameAdmin .bg { width: 376px; height: 18px; background: #dbf8e2; border-bottom: 1px solid #aaa; margin: 0 18px 0 116px; }
.frameAdmin .bl { background: url('../img/frame/info_b_l.png') bottom left no-repeat; }
.frameAdmin .blg { background: url('../img/frame/info_b_l_green.png') bottom left no-repeat; }
.frameAdmin .br { background: url('../img/frame/info_b_r.png') bottom right no-repeat; }

.frameIndex { width: 510px; margin: 60px 0; }
.frameIndex .c { position: relative; background: #f7f7f7; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0 18px; }
.frameIndex .t { width: 474px; height: 18px; background: #f7f7f7; border-top: 1px solid #aaa; margin: 0 18px; }
.frameIndex .tl { background: url('../img/frame/index_t_l.png') top left no-repeat; }
.frameIndex .tr { background: url('../img/frame/index_t_r.png') top right no-repeat; }
.frameIndex .b { width: 474px; height: 18px; background: #f7f7f7; border-bottom: 1px solid #aaa; margin: 0 18px; }
.frameIndex .bl { background: url('../img/frame/index_b_l.png') bottom left no-repeat; }
.frameIndex .br { background: url('../img/frame/index_b_r.png') bottom right no-repeat; }

.frameAbout { width: 510px; margin: 60px 0; }
.frameAbout .c { position: relative; background: #cfc8f3; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0 18px; }
.frameAbout .t { width: 474px; height: 18px; background: #cfc8f3; border-top: 1px solid #aaa; margin: 0 18px; }
.frameAbout .tl { background: url('../img/frame/about_t_l.png') top left no-repeat; }
.frameAbout .tr { background: url('../img/frame/about_t_r.png') top right no-repeat; }
.frameAbout .b { width: 474px; height: 18px; background: #cfc8f3; border-bottom: 1px solid #aaa; margin: 0 18px; }
.frameAbout .bl { background: url('../img/frame/about_b_l.png') bottom left no-repeat; }
.frameAbout .br { background: url('../img/frame/about_b_r.png') bottom right no-repeat; }

.frameProduct { width: 510px; margin: 60px 0; }
.frameProduct .c { position: relative; background: #d9e5fc; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0 18px; }
.frameProduct .cb { position: relative; background: #d9e5fc url('../img/frame/product_blue.png') left repeat-y; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0; }
.frameProduct .t { width: 474px; height: 18px; background: #d9e5fc; border-top: 1px solid #aaa; margin: 0 18px; }
.frameProduct .tb { width: 376px; height: 18px; background: #d9e5fc; border-top: 1px solid #aaa; margin: 0 18px 0 116px; }
.frameProduct .tl { background: url('../img/frame/product_t_l.png') top left no-repeat; }
.frameProduct .tlb { background: url('../img/frame/product_t_l_blue.png') top left no-repeat; }
.frameProduct .tr { background: url('../img/frame/product_t_r.png') top right no-repeat; }
.frameProduct .b { width: 474px; height: 18px; background: #d9e5fc; border-bottom: 1px solid #aaa; margin: 0 18px; }
.frameProduct .bb { width: 376px; height: 18px; background: #d9e5fc; border-bottom: 1px solid #aaa; margin: 0 18px 0 116px; }
.frameProduct .bl { background: url('../img/frame/product_b_l.png') bottom left no-repeat; }
.frameProduct .blb { background: url('../img/frame/product_b_l_blue.png') bottom left no-repeat; }
.frameProduct .br { background: url('../img/frame/product_b_r.png') bottom right no-repeat; }

.frameService { width: 510px; margin: 60px 0; }
.frameService .c { position: relative; background: #ffd5a8; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0 18px; }
.frameService .t { width: 474px; height: 18px; background: #ffd5a8; border-top: 1px solid #aaa; margin: 0 18px; }
.frameService .tl { background: url('../img/frame/service_t_l.png') top left no-repeat; }
.frameService .tr { background: url('../img/frame/service_t_r.png') top right no-repeat; }
.frameService .b { width: 474px; height: 18px; background: #ffd5a8; border-bottom: 1px solid #aaa; margin: 0 18px; }
.frameService .bl { background: url('../img/frame/service_b_l.png') bottom left no-repeat; }
.frameService .br { background: url('../img/frame/service_b_r.png') bottom right no-repeat; }

.frameInfo { width: 510px; margin: 60px 0; }
.frameInfo .c { position: relative; background: #dbf8e2; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0 18px; }
.frameInfo .cg { position: relative; background: #dbf8e2 url('../img/frame/info_green.png') left repeat-y; border-left: 1px solid #aaa; border-right: 1px solid #aaa; padding: 0; }
.frameInfo .t { width: 474px; height: 18px; background: #dbf8e2; border-top: 1px solid #aaa; margin: 0 18px; }
.frameInfo .tg { width: 376px; height: 18px; background: #dbf8e2; border-top: 1px solid #aaa; margin: 0 18px 0 116px; }
.frameInfo .tl { background: url('../img/frame/info_t_l.png') top left no-repeat; }
.frameInfo .tlg { background: url('../img/frame/info_t_l_green.png') top left no-repeat; }
.frameInfo .tr { background: url('../img/frame/info_t_r.png') top right no-repeat; }
.frameInfo .b { width: 474px; height: 18px; background: #dbf8e2; border-bottom: 1px solid #aaa; margin: 0 18px; }
.frameInfo .bg { width: 376px; height: 18px; background: #dbf8e2; border-bottom: 1px solid #aaa; margin: 0 18px 0 116px; }
.frameInfo .bl { background: url('../img/frame/info_b_l.png') bottom left no-repeat; }
.frameInfo .blg { background: url('../img/frame/info_b_l_green.png') bottom left no-repeat; }
.frameInfo .br { background: url('../img/frame/info_b_r.png') bottom right no-repeat; }


/* about */
.frameAbout h3 { font-size: 24px; color: #7c54b9; font-weight: normal; text-align: center; margin-bottom: 25px; }
.frameAbout .atmsText { text-align: center; }
.frameAbout .atmsTextBig { font-size: 14px; }
.frameAbout .atmsArrow { color: #7c54b9; margin: 12px 0; }


/* leader */
.atmsLeader { position: absolute; z-index: 1; width: 62px; height: 62px; background: url('../img/content/leader.gif') no-repeat; cursor: pointer; }
.atmsMember { position: relative; left: +52px; z-index: 1; }
.atmsMember div, .atmsMember img { float: right; }
.atmsMember div { width: 183px; height: 145px; font-size: 14px; color: #fff; padding: 10px; }
.atmsMember div span { font-size: 17px; display: block;  }
.atmsMember div div { font-size: 12px; margin-top: 60px; padding: 0; }
.atmsMember div.blue { background: url('../img/member/blue.gif') no-repeat; }
.atmsMember div.brown { background: url('../img/member/brown.gif') no-repeat; }
.atmsMember div.yellow { background: url('../img/member/yellow.gif') no-repeat; }


/* listing */
.atmsListing { position: relative; overflow: hidden; height: 650px; }
.atmsList { position: absolute; visibility: hidden; width: 472px; }
.atmsScroll { height: 60px; margin: 0 auto; }
.atmsScroll td { width: 60px; color: #006633; font-weight: normal; text-align: center; }
.atmsScroll .next { width: 30px; height: 60px; background: url('../img/list/next.gif') center no-repeat; cursor: pointer; }
.atmsScroll .nextOn { width: 30px; height: 60px; background: url('../img/list/next_on.gif') center no-repeat; cursor: pointer; }
.atmsScroll .prev { width: 30px; height: 60px; background: url('../img/list/prev.gif') center no-repeat; cursor: pointer; }
.atmsScroll div.prevOn { width: 30px; height: 60px; background: url('../img/list/prev_on.gif') center no-repeat; cursor: pointer; }


/* table */
.atmsTable { width: 100%; }
.atmsTable tr th { color: #fff; background: #ffa93d; padding: 3px 5px; }
.atmsTable tr td { padding: 3px 5px; text-align: center; }
.atmsTable tr.on td { background: #ffedd9; }

.atmsTable2 { width: 100%; }
.atmsTable2 tr th { color: #fff; background: #548cda; padding: 3px 5px; }
.atmsTable2 tr td { padding: 3px 5px; text-align: center; }
.atmsTable2 tr.on td { background: #a2bbea; }
.atmsTable2 tr td.title, .atmsTable2 tr.on td.title { color: #0058c6; text-align: left; }

.atmsTable3 { width: 100%; }
.atmsTable3 tr th { font-size: 11px; color: #fff; background: #548cda; padding: 3px 5px; }
.atmsTable3 tr td { font-size: 11px; padding: 3px 5px; text-align: center; }
.atmsTable3 tr.on td { background: #a2bbea; }
.atmsTable3 tr.header td { color: #fff; background: #73a1e0; text-align: left; border-top: 1px solid #d9e5fc; border-bottom: 1px solid #d9e5fc; font-weight: bold; }


/* product */
.frameProduct h3 { color: #367ed8; margin: 10px 0; }
.atmsProduct { width: 100%; }
.atmsProduct tr { vertical-align: top; }
.atmsProduct tr th { width: 22%; font-size: 11px; color: #fff; text-align: right; padding-bottom: 15px; }
.atmsProduct tr td { width: 78%; font-size: 12px; padding: 0 18px 15px 18px; }


/* info */
.atmsInfo tr { vertical-align: top; }
.atmsInfo tr th { width: 22%; font-size: 11px; color: #fff; text-align: right; padding-bottom: 15px; }
.atmsInfo tr td { width: 78%; font-size: 12px; padding: 0 18px 15px 18px; }
.atmsInfo .icon { float: left; color: #999; text-align: center; margin: 5px 15px; }
.atmsInfo .icon a, .atmsInfo .icon a:visited, .atmsInfo .icon a:hover { color: #444; text-decoration: none; }
.atmsInfo .icon2 th { width: 60px; }
.atmsInfo .icon2 td { width: 300px; }
.atmsInfo .icon2 td span { font-size: 11px; }

/* news */
.atmsNews { margin: 0 20px; }
.atmsNewsDate { font-size: 10px; color: #000; }
.atmsNewsSep { color: #999; text-align: center; margin: 10px 0; }