/** Generated by FG **/
@font-face {
	font-family: 'Conv_ufonts.com_century-gothic-2';
	src: url('../css/fonts/ufonts.com_century-gothic-2.eot');
	src: local('☺'), url('../css/fonts/ufonts.com_century-gothic-2.woff') format('woff'), url('../css/fonts/ufonts.com_century-gothic-2.ttf') format('truetype'), url('../css/fonts/ufonts.com_century-gothic-2.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.engbody{
font-family:'Conv_ufonts.com_century-gothic-2',Sans-Serif;
}
.hd_br_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #039;
	font-weight: bold;
}
body {
	background-color: #e6e6e6;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
td img {display:block;}
.Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

.certificate_font{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
}




.main_type {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
#apDiv1 {
	position: absolute;
	left: 697px;
	top: 66px;
	width: 153;
	height: 18;
	z-index: 0;
	visibility: visible;
}
.main {
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	font-family:sans-serif;
	font-weight: lighter; 
}
.main_tap{
	display:block;
	position:absolute;
	height:40px;
	width:500px;
	top:0px;
	right:0px;
	z-index: 200;

}
.main_tap>span{
	display:block;
	border-left:1px dashed rgb(167,167,167);
	height:40px;
	cursor:pointer;
	position:absolute;
	top:0px;
}

.main_tap>span:last-child{
	border-right:1px dashed rgb(167,167,167);
}
.main_tap>span>#roll{
	position:absolute;
	top:-69px;
	left:-1px;
	z-index:100;
	display:inline-block;
	
}
.main_tap>span>#table{
	display:none;
	position:absolute;
	top:60px;
	left:0px;
	color: white;
	text-shadow: black 1px 1px 2px;
	font-size:13px;
	background:rgb(87,87,87);
	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px; 
 	border-radius: 4px;
 	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5); 
 	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5); 
 	box-shadow: 1px 1px 3px rgba(0,0,0,.5); 
}
.main_tap>span>#table>.switch{
	display:block;
	color:white;
	margin-left:3px;
	margin-right:3px;
	padding:2px;
}
.main_tap>span>#table>.switch.active{
	background-color:rgba(255,255,255,.2);
}
.main_tap>span>#table>.switch:first-child{
	margin-top:10px;
}
.main_tap>span>#table>.switch:last-child{
	margin-bottom:10px;
}

.scrollbox{
	display:block;
	width: 245px;
	height:206px;
	padding-left:10px;
	float: left;
	overflow: auto;
	overflow-x:hidden;
	font-size:10px;
	text-align: left;
	border:1px sold;
}

.choose_bt{
display:block;
width:195px;
font-size:14px;
position:relative;
left:6px;
color:white;
text-shadow: rgb(62,27,16) 1px 1px 1px;
background-color:white;
background-image:url(../images/g_1.jpg);
background-size:100% 100%; background-repeat:repeat-y;
background-position: 0 top;
background-image: linear-gradient(left , rgb(99,78,66) 0%, rgb(202,186,159) 100%);
background-image: -o-linear-gradient(left , rgb(99,78,66) 0%, rgb(202,186,159) 100%);
background-image: -moz-linear-gradient(left , rgb(99,78,66) 0%, rgb(202,186,159) 100%);
background-image: -webkit-linear-gradient(left , rgb(99,78,66) 0%, rgb(202,186,159) 100%);
background-image: -ms-linear-gradient(left , rgb(99,78,66) 0%, rgb(202,186,159) 100%);
background-image: -webkit-gradient(linear,left top,right top,color-stop(0, rgb(99,78,66)),color-stop(1, rgb(202,186,159)));
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
padding-left:9px;
margin-bottom:4px;
padding-top:5px;
padding-bottom:5px;
cursor:pointer;
}
.choose_bt.selected{
background-image:url(../images/g_2.jpg);
background-size:100% 100%; background-repeat:repeat-y;
background-position: 0 top;
background-image: linear-gradient(left , rgb(71,56,46) 0%, rgb(179,165,142) 100%);
background-image: -o-linear-gradient(left , rgb(71,56,46) 0%, rgb(179,165,142) 100%);
background-image: -moz-linear-gradient(left , rgb(71,56,46) 0%, rgb(179,165,142) 100%);
background-image: -webkit-linear-gradient(left , rgb(71,56,46) 0%, rgb(179,165,142) 100%);
background-image: -ms-linear-gradient(left , rgb(71,56,46) 0%, rgb(179,165,142) 100%);
background-image: -webkit-gradient(linear,left top,right top,color-stop(0, rgb(71,56,46)),color-stop(1, rgb(179,165,142)));
text-shadow: rgb(62,27,16) 1px 1px 1px;
}
.choose_bt.active{
background-image:none;
color:rgb(87,87,87);
text-shadow: rgb(120,120,120) 1px 1px 1px;
}

.choose_bt:last-child{
margin-bottom:88px;
}
.headtitle_O{
color:rgb(202,186,159);
font-size:21px;
text-shadow: black 1px 1px 2px;
}

.headtitle_W{
color:white;
font-size:21px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
text-shadow: black 1px 1px 2px;
}


.lefttablebar{
background:#003770 ;
background-image: url(../images/image1.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

.sl_text {	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #634E42;
}

.semll_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003770;
}
.newcontent{
	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px; 
 	border-radius: 4px;
 	display:block;
 	border:1px solid rgb(180,180,180);
 	background-color:white;
 	margin:10px;
 	padding:10px;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	box-shadow: 2px 2px 2px #888;
}

.newcontent>.datatxt{
	font-size:12px;
	color:rgb(150,150,150);
}

.newcontent>.headtitle{
	font-size:20px;
	font-weight:600;
	color:rgb(71,56,46);
}

.newcontent>.contenttxt{
	font-size:15px;
	color:black;
}
.productboard{
width:127px;
height:128px;
border-left:1px solid rgb(150,150,150);
border-bottom:1px solid rgb(150,150,150);
background:white;
padding:0px;
margin:0px;

display:inline-block;
position:relative;
top:0px;
cursor:pointer;
}
.productboard>img{
position:absolute;
top:10px;
left:22px;
}
.productboard>span{
display:block;
width:127px;
text-align:center;
font-size:12px;
color:rgb(29,113,183);
position:absolute;
top:100px;
}
.productboard:last-child{
border-right:1px solid rgb(150,150,150);
width:126px;
}
#product_area>div{
display:block;
height:130px;
}
#product_area>div:first-child>.productboard{
border-top:1px solid rgb(150,150,150);
}
.first,.left,.right,.last{
display:inline-block;
width:15px;
height:15px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
border:1px solid rgb(150,150,150);
position:relative;
background-color:white;
cursor:pointer;
margin-left:3px;
}
.pagebox{
display:inline-block;
width:20px; height:15px;
 -webkit-border-radius: 3px;
  -moz-border-radius: 3px; 
  border-radius:
   3px; border:solid 1px rgb(150,150,150);
   background-color:white; font-size:10px;
   margin-left:3px;
   line-height:16px;
   text-align:center;
	position:absolute;
	top:0px;
	left:40px;
   
}
.totalpagebox{
display:inline-block;
width:80px;
height:17px;
position:absolute;
font-size:10px;
margin-left:3px;
text-indent:3px;
line-height:17px;
top:0px;
left:107px;
}
.left:after{
content:"";
width:0px;
height:0px;
border-right:10px solid rgb(120,120,120);
border-top:5px solid transparent;
border-bottom:5px solid transparent;
position:absolute;
top:3px;
left:3px;
}

.right:after{
content:"";
width:0px;
height:0px;
border-left:10px solid rgb(120,120,120);
border-top:5px solid transparent;
border-bottom:5px solid transparent;
position:absolute;
top:3px;
left:3px;
}

.first:before , .first:after{
content:"";
width:0px;
height:0px;
display:inline-block;
border-right:6px solid rgb(120,120,120);
border-top:5px solid transparent;
border-bottom:5px solid transparent;
position:absolute;
top:3px;
left:1px;
}

.last:before , .last:after{
content:"";
width:0px;
height:0px;
display:inline-block;
border-left:6px solid rgb(120,120,120);
border-top:5px solid transparent;
border-bottom:5px solid transparent;
position:absolute;
top:3px;
left:2px;
}

.first:after,.last:after{
top:3px;
left:7px;
}

.detail_top{
display:block;
width:604px;
height:423px;
background-color:white;
position:relative;
top:18px;
left:18px;
-webkit-border-radius: 0px 0px 12px 12px;
 -moz-border-radius: 0px 0px 12px 12px;
 border-radius:0px 0px 12px 12px;
 -moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;
}

.detail_top>.product_detail{
	font-size:15px;
	color:rgb(202,186,159);
 	 font-weight: bold;
}

.detail_bottom{
display:block;
width:604px;
height:41px;
background-image:url(../images/detail_bottom.jpg);
position:absolute;
bottom:0;
 -webkit-border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px;
  border-radius:0px 0px 12px 12px;
  text-align:center;
}
.detail_bottom>span{
border-right:1px solid white;
display:inline-block;
height:20px;
color:white;
font-size:13px;
text-align:center;
line-height:20px;
position:relative;
top:10px;
cursor:pointer;
}
.detail_bottom>span>img{
margin-left:auto;
margin-right:auto;
}
.detail_bottom>span:last-child{
border-right:0px;
}

.meun_base{
display:none;
background-color:rgba(255,255,255,.5);
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:300;
}

.meun_table{
width:530px;
height:780px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius:15px;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;

display:block;
background-color:rgb(243,146,0);
margin-left:auto;
margin-right:auto;
margin-top:40px;
position:relative;
}

.message_base{
display:none;
background-color:rgba(255,255,255,.5);
width:100%;
height:1150px;
position:absolute;
top:0px;
left:0px;
z-index:400;
}


.message_table{
font-family: Arial, Helvetica, sans-serif;
width:600px;
height:150px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius:15px;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px #888;
box-shadow: 2px 2px 2px #888;

display:block;
background-color:rgb(180,180,180);
margin-left:auto;
margin-right:auto;
margin-top:300px;
position:relative;
text-align:center;
}
.meun_view{
width:510px;
height:740px;
display:block;
background-color:white;
position:absolute;
top:26px;
left:10px;
}

.meun_but{
width:60px;
height:17px;
display:block;
position:absolute;
top:4px;
right:12px;
}
.meun_but>span{
width:29px;
display:inline-block;

}
.meun_but>span:last-child{
border-left:1px solid;

}

.closeview{
width:14px;
height:14px;
border:1px solid;
display:block;
position:relative;
left:15px;
cursor:pointer;
}

.closeview:after{
content:"";
width:20px;
height:20px;
position: absolute; 
border-top:1px solid black;
-webkit-transform: rotate(-45deg); 
-moz-transform: rotate(-45deg); 
-ms-transform: rotate(-45deg); 
 -o-transform: rotate(-45deg); 
transform: rotate(-45deg); 
top:4px;
left:4px;
}

.closeview:before{
content:"";
width:20px;
height:20px;
position: absolute; 
border-top:1px solid black;
-webkit-transform: rotate(45deg); 
-moz-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
 -o-transform: rotate(45deg); 
transform: rotate(45deg); 
top:4px;
left:-10px;
}

.body_text {	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.body_text.miss{
	color: red;
}

.hd_w_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
}

button{
color:rgb(100,100,100);
font-size:13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
margin-left:5px;
background-image:url(../images/g_7.jpg);
background-size:auto 100%; background-repeat:repeat-x;
background-position: 0 top;
background-image: -moz-linear-gradient(top,rgb(181,181,181) 0%,rgb(230,230,230) 100%);
background-image: -ms-linear-gradient(top,rgb(181,181,181) 0%,rgb(230,230,230) 100%);
background-image: -o-linear-gradient(top,rgb(181,181,181) 0%,rgb(230,230,230) 100%);
background-image: -webkit-linear-gradient(top,rgb(181,181,181) 0%,rgb(230,230,230) 100%);
background-image: linear-gradient(top,rgb(181,181,181) 0%,rgb(230,230,230) 100%);
background-image: -webkit-gradient(linear, top,bottom, color-stop(0, rgb(181,181,181)),color-stop(1,rgb(230,230,230)));
}

input{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
border:1px solid rgb(180,180,180);
-moz-box-shadow: inset 1px 1px 0px #999;
-webkit-box-shadow: inset 1px 1px 0px #999;
box-shadow: inset 1px 1px 0px #999;
}

input.miss{
-moz-box-shadow: inset 1px 1px 0px #999, 0px 0px 3px red;
-webkit-box-shadow: inset 1px 1px 0px #999, 0px 0px 3px red;
box-shadow: inset 1px 1px 0px #999, 0px 0px 3px red;

}
.factory_text{
	font-size: 10pt;
	color: #003770;
}

