html {overflow-y:scroll;}
html,body {margin:0px; background-color:#666666}
body, td, p, select, textarea, input {font-family:"�L�n������", "Microsoft JhengHei", "�L?�����^", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:0.938em; color:#333; line-height:140%;}

a {
	blr:expression(this.onFocus=this.blur()); outline:none;
}

img {border:0px}

*.doc {
	height:100%;
	overflow:hidden;
}
#doc {
	margin:0px auto;
	width:100%; max-width:640px;
	height:100%;
	overflow:hidden;
}
#top_list {
	position:fixed;
	width:100%;height:3px;
	background:url(./images/top2.gif) no-repeat center center;
}
*.top_bottom {
	width:100%; height:36px; margin:0px auto;
	background:url(./images/top2.gif) no-repeat center center;
}
*.head_box {
	width:640px; height:250px; margin:0px auto;
}
*.head_box_m {
	width:100%;height:250px;
	background:url(./images/head.png) no-repeat center top;
	background-color:#fff;
	background-size: cover;
}
*.head1 {
	width:105px; height:97px; float:left;
	background:url(./images/head1.png) no-repeat;
}
*.head2 {
	width:104px; height:97px; float:left;
	background:url(./images/head2.png) no-repeat;
}
*.head3 {
	width:104px; height:97px; float:left;
	background:url(./images/head3.png) no-repeat;
}
*.head4 {
	width:104px; height:97px; float:left;
	background:url(./images/head4.png) no-repeat;
}
*.head5 {
	width:223px; height:97px; float:left;
	background:url(./images/head5.png) no-repeat;
}
*.head6 {
	width:105px; height:153px; float:left;
	background:url(./images/head6.png) no-repeat;
}
*.head7 {
	width:104px; height:153px; float:left;
	background:url(./images/head7.png) no-repeat;
}
*.head8 {
	width:104px; height:153px; float:left;
	background:url(./images/head8.png) no-repeat;
}
*.head9 {
	width:104px; height:153px; float:left;
	background:url(./images/head9.png) no-repeat;
}
*.head10 {
	width:223px; height:153px; float:left;
}
*.main_menu_box {
	width:640px; height:76px; margin:0px auto;
	background:url(./images/bg_main_menu.gif) no-repeat;
	text-align:center;
}
*.main_menu_box_m {
	padding:0 16px;
	background-color:#fff;
}
*.main_menu_box_m .main_top {
	border:1px solid #ccc;
	border-bottom:0px;
	height:19px;
	background-color:#ececec;
	
	-moz-border-radius-topleft:			19px;
	-moz-border-radius-topright:		19px;
	-moz-border-radius-bottomleft:		 0px;
	-moz-border-radius-bottomright:		 0px;
	-webkit-border-top-left-radius:		19px;
	-webkit-border-top-right-radius:	19px;
	-webkit-border-bottom-left-radius:	 0px;
	-webkit-border-bottom-right-radius:	 0px;
	border-top-left-radius:				19px;
	border-top-right-radius:			19px;
	border-bottom-left-radius:			 0px;
	border-bottom-right-radius:			 0px;
}
*.menu_over {
	float:left;
	width:71px; height:76px;
}
*.menu_over1 {background:url(./images/menu1a.gif) no-repeat;}
*.menu_over2 {background:url(./images/menu2a.gif) no-repeat;}
*.menu_over3 {background:url(./images/menu3a.gif) no-repeat;}
*.menu_over4 {background:url(./images/menu4a.gif) no-repeat;}
*.menu_over5 {background:url(./images/menu5a.gif) no-repeat;}
*.menu_over6 {background:url(./images/menu6a.gif) no-repeat;}
*.menu_over7 {background:url(./images/menu7a.gif) no-repeat;}
*.menu_over8 {background:url(./images/menu8a.gif) no-repeat;}

*.menu_out {width:71px; height:76px;cursor:pointer}
*.display_none {display:none;}
*.menu_out1 {background:url(./images/menu1.gif) no-repeat;}
*.menu_out2 {background:url(./images/menu2.gif) no-repeat;}
*.menu_out3 {background:url(./images/menu3.gif) no-repeat;}
*.menu_out4 {background:url(./images/menu4.gif) no-repeat;}
*.menu_out5 {background:url(./images/menu5.gif) no-repeat;}
*.menu_out6 {background:url(./images/menu6.gif) no-repeat;}
*.menu_out7 {background:url(./images/menu7.gif) no-repeat;}
*.menu_out8 {background:url(./images/menu8.gif) no-repeat;}

#menu_list_m {
	position:fixed;
}
#menu_list_m .switch {
	position:absolute;top:0px;left:0px;
	padding:10px 10px 5px 10px;
	width:25px;
	cursor:pointer;
}
#menu_list_m .switch .line {
	margin-bottom:5px;
	width:25px;height:2px;
	background-color:#fff;
}
#menu_list_m .menu_list {
	position:absolute;left:-181px;
	border-right:1px solid #ccc;
	width:180px;height:99999px;
	background-color:rgba(255,255,255,.80);
	font-size:0.938rem;color:#fff;line-height:120%;
}
#menu_list_m .menu_list .menu_close {
	height:36px;
	padding-left:6px;
	cursor:pointer;
	background-color:rgba(0,0,0,.75);
}
#menu_list_m .menu_list .menu_close img {
	height:36px;
	display:block;
}
#menu_list_m .menu_list .menu {
	border-top:3px solid #fff;
	cursor:pointer;
}
#menu_list_m .menu_list .menu .en {
	padding:2px 5px 1px 5px;
	font-size:0.813rem;color:#353434;font-weight:bold;
	background-color:rgba(255,255,255,.80);
}
#menu_list_m .menu_list .menu .ch {
	padding:3px 5px 10px 5px;
	font-size:1rem;color:#fff;line-height:120%;
	
	background-color:#353434;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#acabab), to(#353434));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#acabab', endColorStr='#353434',GradientType=0 );
}
#menu_list_m .menu_list .menu_c {
	border-top:3px solid #f10000;
	cursor:pointer;
}
#menu_list_m .menu_list .menu_c .en {
	padding:2px 5px 1px 5px;
	font-size:0.813rem;color:#f10000;font-weight:bold;
	background-color:rgba(255,255,255,.80);
}
#menu_list_m .menu_list .menu_c .ch {
	padding:3px 5px 10px 5px;
	font-size:1rem;color:#fff;line-height:120%;
	
	background-color:#5b0303;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff0000), to(#5b0303));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#ff0000', endColorStr='#5b0303',GradientType=0 );
}

*.main{
	/*margin:0px auto;
	background:url(./images/bg_main.gif) repeat-y;*/
	padding:0px 16px 0px 16px;
	overflow:hidden;
	background-color:#ffffff;
}
*.main .main_box{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-left:1px;
	overflow:hidden;
	background-color:#ececec;
}
*.main .main_box .class_title{
	font-size:1rem;color:#000;font-weight:bold;
	text-align:center;
}
*.icon{
	margin-top:15px;
	width:151px;
	text-align:center;
	float:left;
}
*.icon .name{
	height:20px;
	font-family: "�L�n������", "Microsoft JhengHei", "�L?�����^", "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	vertical-align:middle;
	color: #515151;
}
*.icon .top{
	padding:0px;
	background:url(./images/icon_top.gif) no-repeat;
	height:9px;
}
*.icon .bottom{
	padding:0px;
	background:url(./images/icon_bottom.gif) no-repeat;
	height:21px;
}
*.icon .pic{
	height:160px;
	background:url(./images/icon_bg.gif) repeat-y;
	cursor:pointer;
}
*.icon .pic img{
	max-width:100%;
}
*.awp {
	margin:10px auto 0px auto;
	font-family: "�L�n������", "Microsoft JhengHei", "�L?�����^", "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 15px;
	vertical-align:middle;
	color: #333333;
	text-align:center;
	clear:both;
}
*.awp a:link,*.awp a:visited  {
	font-family: "�L�n������", "Microsoft JhengHei", "�L?�����^", "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #336699;
	text-decoration:underline;
}
*.awp a:hover,*.awp a:active {
	font-family: "�L�n������", "Microsoft JhengHei", "�L?�����^", "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ee0000;
	text-decoration:none;
}
*.main_bottom {
	/*width:640px; height:20px; margin:0px auto;*/
	/*background:url(./images/bg_main_bottom.gif) no-repeat;*/
	padding:0 16px;
	background-color:#fff;
}
*.main_bottom .box {
	border:1px solid #ccc;
	border-top:0px;
	height:19px;
	background-color:#ececec;
	
	-moz-border-radius-topleft:			 0px;
	-moz-border-radius-topright:		 0px;
	-moz-border-radius-bottomleft:		19px;
	-moz-border-radius-bottomright:		19px;
	-webkit-border-top-left-radius:		 0px;
	-webkit-border-top-right-radius:	 0px;
	-webkit-border-bottom-left-radius:	19px;
	-webkit-border-bottom-right-radius:	19px;
	border-top-left-radius:				 0px;
	border-top-right-radius:			 0px;
	border-bottom-left-radius:			19px;
	border-bottom-right-radius:			19px;
}
*.copyright{
	margin:0px auto;
	padding:10px 0;
	background-color:#ffffff;
	font-family: "�L�n������", "Microsoft JhengHei", "�L?�����^", "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 12px;line-height:140%;
	vertical-align:middle;
	color: #808080;
	text-align:center;
}
.abgne_product_arrow_silder img {border:1px solid #ffffff;}
.prev {
	background:url(./images/prev.png) no-repeat;
	width: 114px;
	height: 144px;
	position: absolute;
	left: -192px;	/* ���æb���� */
	/*top: 101px;	/* (�϶���-�Ϥ���) / 2 */
	z-index: 10000;
}
.next {
	background:url(./images/next.png) no-repeat;
	width: 114px;
	height: 144px;
	position: absolute;
	right: -192px;	/* ���æb�k�� */
	/*top: 101px;	/* (�϶���-�Ϥ���) / 2 */
	z-index:10000;
}
.close {
	background:url(./images/close.png) no-repeat;
	width: 74px;
	height: 74px;
	position: absolute;
	right: -74px;	/* ���æb�k�� */
	/*top: 101px;	/* (�϶���-�Ϥ���) / 2 */
	z-index:10000;
}

.silder_bg {
	top:0;
	left:0;
	position: absolute;
	overflow: hidden;
	display:none;
	background-color:#000;
	z-index:9998;
}
.abgne_product_arrow_silder {
	top:0;
	left:0;
	/*width: 450px;
	height: 250px;*/
	position: absolute;
	/*border: 0px solid #ccc;*/
	overflow: hidden;
	display:none;
	/*background-color:#000;*/
	z-index:9999;
}
.abgne_product_arrow_silder ul, .abgne_product_arrow_silder ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.abgne_product_arrow_silder ul li {
	position: absolute;
	z-index: 1;
}
.abgne_product_arrow_silder ul li.selected {
	z-index: 99;
}



div.head_sep { height:10px; }
div.abgne_tab ul, div.abgne_tab li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.abgne_tab {
	clear: left;
	width: 640px;
	margin: 0px auto;
}
ul.tabs {
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
ul.tabs li {
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* �� li ���U���ӾB�� ul ������ border-bottom */
	border: 1px solid #999;
	border-left: none;
	background: #e1e1e1;
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #000;
	border: 1px solid #fff;
	text-decoration: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
ul.tabs li.active  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
ul.tabs li.active a:hover {
	background: #fff;
}
div.tab_container {
	clear: left;
	width: 100%;
	border: 1px solid #999;
	border-top: none;
	background: #fff;
	padding: 20px 0px 20px 5px;
	overflow:hidden;
}
div.tab_container .tab_content {
}
div.tab_content_div {
	margin:5px;
	border: 1px solid #999;
	width:148px;
	height:148px;
	float:left;
	text-align:center;
}
/*div.tab_container .tab_content h2 {
	margin: 0 0 20px;
}
*/
#dm_list {
	position:fixed;
	background-color:rgba(0,0,0,.75);
	display:none;
}
#dms {
	width:100%;
	-webkit-overflow-scrolling:touch; overflow-x: auto;overflow-y:auto;
}
#dm_box {
	width:99999px;
}
#dm_box .dm {
	float:left;
}
#dm_box .dm img {
	margin:0 auto;
	border:1px solid #fff;
	/*max-width:100%;*/
	display:block;
}
#dm_list .prev {
	position: fixed;bottom:0;left:0;
	background:url(./images/prev.png) no-repeat;
	width: 114px;
	height: 144px;
	z-index: 10000;
	filter:alpha(opacity=33);-moz-opacity:0.33;opacity:0.33;
}
#dm_list .next {
	position: fixed;bottom:0;right:0;
	background:url(./images/next.png) no-repeat;
	width: 114px;
	height: 144px;
	z-index:10000;
	filter:alpha(opacity=33);-moz-opacity:0.33;opacity:0.33;
}
#dm_list .close {
	position: fixed;top:0;right:0;
	width: 74px;
	height: 74px;
	background:url(./images/close.png) no-repeat;
	z-index:10000;
}