@charset "utf-8";
/* CSS Document */



/*==================EXTAR FONT===================*/
@font-face {
	font-family: 'Conv_TT0485M';
	src: url('../fonts/TT0485M.eot');
	src: local('☺'), url('../fonts/TT0485M.woff') format('woff'), url('../fonts/TT0485M.ttf') format('truetype'), url('../fonts/TT0485M.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*==END==*/


body{ margin:auto; background:#fefefe; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}

/*==================COMMON===================*/
.fleft{ float:left;}
.fright{ float:right;}
.clear{ clear:both;}
a{ color:#2a7ebc; text-decoration:none;}
a:hover{ text-decoration:underline;}
a img{ border:0px; outline:0px;}
p{ font-size:13px;}
input[type=text], select, teaxtarea{ border:solid 1px #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/*input[type=submit]{ background:#173557; color:#FFF; border:solid 1px #0a223e; padding:10px 15px; cursor:pointer; margin-top:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:bold; text-transform:uppercase;}*/
.pname{ color:#fc7c00; font-size:18px; display:block; margin-bottom:10px; border-bottom:solid 1px #E4E4E4; padding-bottom:8px;}
/*==END==*/


/*==================BUTTON===================*/
a.btn{ background:#d8321a; display:inline-block; color:#FFF !important; text-decoration:none; padding:10px 12px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:25px;font-family: 'Conv_TT0485M';}

.org_btn{ background:url(../images/orgleft_btn.png) left top no-repeat; text-decoration:none; height:55px; text-transform:uppercase; padding:15px 0px 24px 15px; font-weight:bold; color:#FFFFFF; font-size:13px;}
.org_btn span{ background:url(../images/orgright_btn.png) right top no-repeat; padding:15px 55px 24px 1px; }

.gray_btn{ background:url(../images/grayleft_btn.png) left top no-repeat; text-decoration:none; height:55px; text-transform:uppercase; padding:15px 0px 24px 25px; font-weight:bold; color:#000000; font-size:13px;}
.gray_btn span{ background:url(../images/grayright_btn.png) right top no-repeat; padding:15px 25px 24px 0px; }

.pjbtn{ background:url(../images/nav_bg1.jpg) left top repeat-x; padding:4px 10px; border:solid 1px #999999; border-radius:3px; cursor:pointer; color:#000000; text-shadow:1px 1px 2px #ffffff;box-shadow:0px 0px 5px #999999;}

.blubtn{ background:url(../images/blue_btn.jpg) left top repeat-x; padding:8px 20px; color:#FFFFFF !important; font-weight:bold; border-radius:3px; border:solid 1px #3771a2; cursor:pointer;}

.grybtn{ background:url(../images/nav_bg1.jpg) left top repeat-x; padding:8px 20px; color:#000000; font-weight:bold; border-radius:3px; border:solid 1px #999999; cursor:pointer;}

/*==END==*/

/*==================SOCIAL ICON===================*/
.fb{background:url(../images/social_icon.png) left top no-repeat; height:22px; width:21px;}
.tw{background:url(../images/social_icon.png) -29px top no-repeat; height:22px; width:20px;}
.pn{background:url(../images/social_icon.png) -57px top no-repeat; height:22px; width:20px;}
.gp{background:url(../images/social_icon.png) -84px top no-repeat; height:22px; width:21px;}
.yt{background:url(../images/social_icon.png) -112px top no-repeat; height:22px; width:22px;}
/*==END==*/


/*==================HEADER===================*/
#mian_cont{ width:985px; margin:0px auto 0px auto; background:#FFF url(../images/shadow_back.jpg) left top no-repeat; padding:10px 32px 0px 32px;}

#header{ margin:5px 0px 0px 0px; padding:0xp 0px 0px 0xp; height:108px;}
#header span{ font-size:10px; word-spacing:-2px; float:right;}
#header ul{ margin:50px 0px 0px 0px; padding:0px; float:right; list-style:none;}
#header ul li{ float:left;   }
#header ul li a{font-size:13px; padding:20px 18px 20px 18px;  border-left:#e9e9e9 solid 2px; color:#5e6e66;}
#header ul li a:hover{ color:#5e6e66;}
#header ul li a.active{ color:#f3901d; border-left:#e9e9e9 solid 2px;}
#header ul li:hover .sub_nav{ display:block;}
#header .sub_nav{ position:absolute; z-index:100; width:200px; margin:15px 0px 0px 2px; display:none;}
#header .sub_nav ul{ margin:0px; padding:0px; list-style:none;}
#header .sub_nav ul li a{ background:#FFF; border-bottom:solid 1px #CCC; width:190px; padding:7px 5px; display:inline-block;}
#header .sub_nav .fleft{ margin:2px 0px 0px 5px;}
#header .logo{ float:left; margin:20px 0px 0px 0px;}


#header ul{*float:right; *width:580px;}
#header .sub_nav{ *margin:36px 0px 0px -118px; *width:200px;}
#header .cn{ *margin-left:-97px;}
#header .sl{ *margin-left:-137px;}
#header .sub_nav li{ *float:none !important;}
#header .sub_nav li a{ *display:block !important;}
 
.s_line{ font-family:Arial, Helvetica, sans-serif; background:url(../images/s_line_bg.gif) left -3px; color:#5e6e66; font-size:15px; padding:0px 0px 15px 0px;} 
.s_line img{ float:right;}

#cat_box{ border-top:#e9e9e9 solid 1px; display:table; color:#5e6e66;}
#cat_box td{ line-height:18px; font-size:11px;   padding:0px 10px 0px 10px;  color:#5e6e66;}
#cat_box td img{  }
#cat_box ul{ display:table-row; list-style:none; margin:auto;}
#cat_box ul li{ color:#5e6e66; line-height:20px; height:233px; width:280px;   float:left; background:url(../images/big_arrow.gif) no-repeat right; padding:0px 40px 0px 10px;   display:table-cell;}

#fot_box{ height:185px; font-size:11px; line-height:20px; background:#f5f5f5 url(../images/footer_bg.gif) top center no-repeat;  }
#fot_box td{ padding:20px 0px 0px 20px; color:#5e6e66; }

.fot{padding:10px 10px 10px 0px; height:20px; font-size:11px; }
.fot ul{ list-style:none; margin:0px auto; padding:0px; }
.fot ul li{ float:left; padding:0px 10px 0px 10px; border-left:#dadada solid 1px;}
.fot  a{ font-size:11px;}
  


.page_name{ background:#f8f8f8; border:solid 2px #ebebeb; font-size:12px; padding:10px;}
#column{ margin:15px 0px; display:table;}
#column .column{ display:table-row;}
#column .column .col1, #column .column .col2, #column .column .mid{ display:table-cell; padding:5px; vertical-align:top;}
#column .column .mid{ width:10px;}
#column .column .col1{ width:695px; line-height:20px;}
#column .column .col2{ width:250px;}

.lpost{ padding:5px; padding:0px; margin:0px; list-style:none;}
.lpost li{height:73px; width:250px; border-bottom:dotted 1px #CCC; margin-bottom:7px;}
.lpost img{ float:left; margin-right:6px; border:solid 1px #CCC; padding:2px;}
.lpost i{ display:block; margin-top:10px;}


.side_link{ margin:0px; padding:0px; list-style:none;}
.side_link li{ border-bottom:dotted 1px #CCC; padding:10px;}
.side_link li a{ background:url(../images/link_arrow.png) left center no-repeat; padding-left:10px;}

.content{ display:table;}
.content h1{ border-radius:5px; border-left:#fca202 solid 3px;  border-right:#fca202 solid 3px; background:#f1f1f1; font-size:12px;   padding:3px 0px 3px 10px; }
.content hr{ background:#f4f4f4; height:1px; border:none;}
.content strong{ color:#fc8101;}
.content ul{ display:table-row;}
.content ul li{  display:table-cell;}
.content ul li  h2{   color:#102445; font-weight:normal; margin:auto; padding:0px; } 
.content ul li b{ margin:auto; padding:0px; float:left;}

.technical_support{}
.technical_support hr{ background:#f4f4f4; height:1px; border:none;}
.technical_support ul{ display:table-row;}
.technical_support ul li{  padding:0px 20px 0px 0px; text-align:justify;  display:table-cell;}
.technical_support ul li img{   color:#FF6600; display:block;  margin:-5px 3px 0px 0px; float:left; padding:0px; } 
.technical_support ul li b{   color:#FF6600; display:block;    } 
.technical_support ul li b{ margin:auto; padding:0px; float:left;}

.faq{}
.faq hr{ background:#f4f4f4; height:1px; border:none;}
.faq ul{ list-style:none; margin:auto; padding:0px; }
.faq ul li strong{ color:#2A7EBC;}
.faq ul li{ margin:10px 0px 10px 0px;  padding:10px 0px 10px 5px; border:#CCCCCC solid 0px; border-radius:5px;   }
.faq ul li img{   color:#FF6600; display:block;  margin:2px 3px 0px -2px; float:left; padding:0px; } 

.contact{}
 .contact input[type="text"]{ border:#d5d5d5 solid 1px;border-radius:3px;  padding:10px 0px 10px 10px; margin:8px 0px 0px 0px;}
.contact textarea{background:#ffffff; border:#d5d5d5 solid 1px;border-radius:3px;  padding:10px 0px 10px 10px; margin:8px 0px 0px 0px;}
.contact .contact input[type="button"]{background:#ffa10d; border:none;  padding:5px 10px 5px 10px; border-radius:5px; color:#fff;   margin:8px 0px 0px 0px;}
.contact .contact select{ border:#d5d5d5 solid 1px;border-radius:3px;  padding:10px 10px 10px 10px; margin:8px 0px 0px 0px;}

.contact .add{ margin:0px 14px 0px 10px; border:#f4f4f4 solid 1px; line-height:25px; border-radius:5px; padding:15px; width:230px; font-size:12px;}
.contact .map{   margin:15px 10px 0px 0px; border:#f4f4f4 solid 1px; line-height:25px; border-radius:5px; padding:15px; width:650px; font-size:12px;}
 

/*c c page popup */
.member_s {  font-family:Verdana, Arial, Helvetica, sans-serif; display:none; position:absolute; left:0; right:0; margin:50px auto; width:450px; height:560px; padding:10px;   background-color:#ffffff; border:#f4f4f4 solid 10px;  z-index:1200;color:#999999; font-size:13px; color:#333333;}
.member_s .close{ position:absolute; margin:-70px 0px 0px 415px; display:inline-block;}
.black_overlay1{
	position:fixed;display:none;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
} 

.member_s input[type="text"]{   border:#CCC solid 1px; padding:10px; margin:10px 10px 5px 5px; width:170px;}
.member_s Select{ width:165px; border:#CCC solid 1px; padding:5px 10px 5px 10px; width:200px; margin:5px 10px 5px 0px;}
.member_s input[type=submit]{ background:#FF9900; padding:3px 10px 3px 10px; border:none; border-radius:5px; color:#FFFFFF;}
.or_btn{ background:#FF9900; padding:3px 10px 3px 10px; border:none; border-radius:5px; color:#FFFFFF; margin-top:10px;}

.grybtn_cc{ background:url(../images/nav_bg1.jpg) left top repeat-x; padding:1px 5px; color:#000000;  border-radius:3px; border:solid 1px #999999; cursor:pointer;}

.blubtn_cc{ background:url(../images/blue_btn.jpg) left top repeat-x; padding:1px 5px; color:#FFFFFF !important; border-radius:3px; border:solid 1px #3771a2; cursor:pointer;}
/*----------*/


.tech{position:absolute; z-index:1000; margin:260px 0px 0px 45px;}
.ser{position:absolute; z-index:1000; margin:240px 0px 0px 45px;}