@charset "utf-8";
/*
* @description: common css
* @author: spring
* @update: spring (2016-01-10 16:50)
* @contact: 86387003@qq.com
*/

/* basic common css
--------------------------------------------------*/
* { padding: 0; margin: 0; font-family: "Arial"; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; text-decoration: none; }
html { line-height: 1; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
ol, ul { list-style: none; }
body { background: url(../images/body_bg.png); color: #000000; font-size: 14px; line-height: 25px; }
table { border-collapse: collapse; border-spacing: 0; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999; }

a { color: #000000; text-decoration:none; }
a:hover { color: #FF0000; text-decoration:none; }

.clear{ clear: both; font-size: 0; height: 0; overflow: hidden; }
/* Clear Fix */ 
.clearfix:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
.clearfix { display: inline-block; } 
/* Hide from IE Mac */ 
.clearfix { display: block; } 
/* End hide from IE Mac */ 
/* end of clearfix */ 

textarea {overflow:auto; }
textarea.input {width:300px; height:65px; }
.input {padding:5px 4px; min-height:20px; line-height:20px; border:1px solid #d4d4d4; background:#fff; vertical-align:middle; color:#333; font-size:100%; }
	.input.wide {width:400px;}
	.input.normal {width:300px;}
	.input.txt {width:200px;}
	.input.numeric {width:80px;}
	.input.small {width:50px;}
	.input:focus {border-color:#CCCCCC; outline:2px solid #CCCCCC; }
.select {padding:7px 0px; line-height:30px; border:1px solid #d4d4d4;}
    .select:focus {border-color:#CCCCCC; outline:2px solid #CCCCCC; }
.cursor {cursor:pointer;}

.container { width: 1200px; margin: 0 auto;}
.left{ float: left; }
.right{ float: right; }
.show { display:;}
.hide { display: none;}
.show {display:;}
.hide {display:none;}
.bg-white { background: #ffffff; }
.pagination {clear:both; height:30px; padding:30px 0px; }
.pagination li {float:left; padding:0px 5px 0px 0px; line-height:30px;}
.pagination li a {display:block; padding:0px 15px 0px 15px; background-color:#FAFAFA; color:#666666;}
.pagination li a:hover {color:#000000; background-color:#dbdbdb;}
.pagination li a.selected {color:#000000; background-color:#dbdbdb;}

.err_border {border:1px solid #ff0000;}

.font_white {color:#FFFFFF;}
.font_red {color:#FF0000;}
.font_purple {color:#9900FF;}
.font_green {color:#006600;}
.font_gray {color:#CCCCCC;}
.font_tips {color:#999999;}

.title { border-bottom: 1px solid #cccccc; line-height: 60px; font-weight: normal; font-style: normal; font-size: 38px; }

/* page common css
--------------------------------------------------*/
/* header */
.header { padding: 20px 0; position: relative; }
    .header .container { position: relative; }
        .header-logo { display: block; width: 400px; height: 99px; background: url(../images/logo.png?v=20180201) no-repeat; }
		    .header-logo a { display: block; width: 400px; height: 99px; }
		.header-paypal { position: absolute; bottom: 0; left: 420px; color: #cccccc; }
	        .header-paypal a { display: block; margin: 0 auto; width: 144px; height: 60px;  }
	        .header-paypal p { display: block; color: #9f9f9f; font-size: 14px;  text-align: center; }
	    .header-nav { position: absolute; top: 0; right: 0; color: #cccccc; }
	        .header-nav span { color: #ff0000; }
	        .header-nav a { padding: 0 10px; color: #008E59; }
		    .header-nav a:hover { color: #000000; }
	
/* menu */
.menu { height: 51px; background: url(../images/menu_bg.png); color: #444444; font-size: 16px; }
    .menu ul:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
        .menu ul li { float: left; padding-top: 9px; }
            .menu ul li a { display: block; padding: 0 30px; line-height: 32px; color: #ffffff;
                -moz-border-radius: 17px;      /* Gecko browsers */
	            -webkit-border-radius: 17px;   /* Webkit browsers */
	            border-radius: 17px;           /* W3C syntax */
			}
            .menu ul li a:hover { background: #a5ca1b; color: #000000; }
			.menu ul li a.selected { background: #a5ca1b; color: #000000; }
		.menu ul li.item { width: 1px; height: 51px; padding: 0; margin: 0 8px 0 6px; line-height: 51px; }

.sub-menu { display: none; width: 160px; padding-top: 10px;}
    .sub-menu ul { background: #333333; }
	    .sub-menu ul li { padding: 2px 0; border-bottom: 1px solid #383838; }
	        .sub-menu ul li a { display: block; padding-left: 20px; line-height: 40px;  color: #999999; }
			.sub-menu ul li a:hover { background: #a5ca1b; color: #000000; }
			
.sub-product-menu { width: 320px; }
.sub-product-menu ul:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
.sub-product-menu ul li { float: left; width: 160px; }

/* link wrap */
.link-wrap { padding: 10px 0; background: #333333; }
    .link-list ul:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
        .link-list ul li { float: left; width: 20%; }
            .link-list ul li a { display: block; padding-left: 16px; background: url(../images/icon_arrow.png) no-repeat -8px -2px; line-height: 26px; color: #888888; }
                .link-list ul li a:hover { background: url(../images/icon_arrow.png) no-repeat -6px -32px; color: #ffffff; }

/* footer */
.footer { padding: 30px 0;}
.footer:after { display: block; clear: both; visibility: hidden; height: 0; content: "."; }
    .footer-left { float: left; padding: 15px 0 10px 90px; background: url(../images/footer_logo.png) no-repeat; line-height: 22px; color: #999999; }
    .footer-right { float: right; }

/* Validform
--------------------------------------------------*/
.Validform_checktip{margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:14px; }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(../images/valid_icons.png) no-repeat -40px -20px; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(../images/valid_icons.png) no-repeat -20px -40px; }
.Validform_loading{ padding-left:20px; background:url(../images/icon_onload.gif) no-repeat left center; }
.Validform_error{ background:#FEFBD3; }

#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ position:relative; line-height:35px; height:35px; text-align:left; font-weight:bold; padding:0 10px; color:#fff; background:#33B5E5; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:30px; position:absolute; right:10px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:10px;border:1px solid #bbb; border-top:none; text-align:left;}

/* upload
--------------------------------------------------*/
/*.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:30px; border:1px solid #e1e1e1; color:#333; background:#fff; vertical-align:middle; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(skin_icons.png) -112px -168px no-repeat; cursor:pointer; overflow:hidden; }
*/
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:26px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; line-height:14px; background:url(../images/icon_close.png) no-repeat; text-align:center; cursor:pointer; overflow:hidden; }
    .upload-box .upload-progress .close:hover{ text-decoration:none; }
    .upload-box .upload-progress .close i{ color:#535353; font-size:10px; line-height:14px; -webkit-transform:scale(0.833); }
    .upload-box .upload-txt { position:absolute; top:0; left:0; padding: 0 5px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-txt .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:12px; line-height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-txt .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; line-height:14px; background:url(../images/icon_close.png) no-repeat; text-align:center; cursor:pointer; overflow:hidden; }
    .upload-box .upload-txt .close:hover{ text-decoration:none; }

.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; width:65px; line-height:30px; height:30px; border:1px solid #e1e1e1; cursor:pointer; background:#fff; color:#333; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ background:#fafafa; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }

/* tips
--------------------------------------------------*/
/* error */
.error-block {margin:0px auto; width:770px; padding:100px 10px; font-size:30px; text-align:center; color:#FF0000; background:url(../images/error_bg.png);}

/* msg tips */
.msg-tips{padding:30px; position:relative;}
	.msg-tips .ico{display:block;float:left;background:url(../images/icon_tips.png) no-repeat left top;width:46px;height:46px; text-indent:-99999px;overflow:hidden;}
	.msg-tips .ico.error{background-position:-50px 0;}
	.msg-tips .ico.warning{background-position:-100px 0;}
	.msg-tips .msg{margin-left:60px;}
	.msg-tips .msg strong{margin-bottom:10px;font-size:14px;color:#444;}
	.msg-tips .msg p{line-height:1.8em;}
	.msg-tips .msg .button {margin-top:10px; color:#ffffff;}
	
/*succeed*/
.succ-block {border:solid 2px #afd697; background:#f2ffe5;}

/*Chat4suport*/
#_C4banner {z-index:10;}