@charset "utf-8";
html > body > table >  tr [id="total"] > td  > ul > li { color:#ff0000;}
img {max-width:100%;height:auto;width:auto9; /* ie8 */}
.video embed,.video object,.video iframe {width: 100%;height: auto;}
body{	-webkit-text-size-adjust:none; line-height:2em;}
body, select, input, textarea {    color: #323232; color:#333; /*font-family:Arial,'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif;*/ font-size:16px; background:#fff; /*����������ñ���ɫ����ҳ�հ״�Ĭ�ϵ���ɫ����*/ font-family:"����", "������", Arial;}

 * {}

a{outline:none; text-decoration:none; } a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden;} 
body,div,dl,dt,dd,ul,ol,li/*,h1,h2,h3,h4,h5,h6*/,pre,code,form,input,textarea,/*p,*/blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/}

p{	margin:0 0 10px 0;}

/* input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {  border-color:#666;} */
input{/*behavior:url(input.htc);*/ border:1px #ccc solid;}/*Only for ie 5.0+*/
/*label input{width:14px;height:14px;border:0;}*/ /*For input type is Radio*/
input:hover{}/*For orther browsers*/
 form{}
 input[type=text],input[type=password],textarea,select, .text{ background:#fff; border: 1px solid #ccc; /*box-shadow: 0 1px 1px #ccc inset;*/ font-size: 16px;line-height: 100%; display:inline-block; margin: 0; outline: medium none; padding: 0.5em; border-radius: 4px;}

.text.radius{ }
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable{

    float: none;

    margin-left: 0;

}

input:focus, textarea:focus {

    border-color: rgba(82, 168, 236, 0.8);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);

    outline: 0 none;}





table { background-color: transparent; _background:none !important; border-collapse: collapse; border-spacing: 0; font-size:13px;  margin-bottom: 20px;}

table td.selected, table th.selected{ background:#F9F9F9; }

table th, table td { border-top: 1px solid #DDDDDD; line-height: 20px;font-size:14px; padding: 4px 5px; /*text-align: left; vertical-align: top;*/ }

table th { font-weight: bold; }

table thead th, table thead td { vertical-align: bottom; background:#DBEFF9;font-size:14px;font-weight: bold; }

table.bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; border-image: none; border-style: none solid solid none; border-width: 1px 1px 1px 0; padding:0 !important; }

table.bordered th, table.bordered td { border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }



.table.bordered thead:first-child tr:first-child th:first-child, .table.bordered tbody:first-child tr:first-child td:first-child {

   

}



.bordered{ border: 1px solid #DDDDDD; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); padding:5px; border-radius:2px; }

.bordered:hover{ border-color:#bbb; }



.notborder{ border: 0px; }

	



html .button{ display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size:16px; line-height:100%; border:none; /* gray */ color: #999; background: #E6E6E6; border-radius:2px;



padding: 0.5em 1.5em;

}

.button:hover { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);

	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));

	background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));

	background-image:-moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));

	background-image:-ms-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));

	background-image:-o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));

	background-image:linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))}

  .button:active { position: relative; top: 1px; /* white */ color: #999; }





.button.bigrounded {}


.button.medium { font-size: 12px; padding: .4em 1.5em .42em; }



.button.small { font-size: 11px; padding: .2em 1em .275em; }



.button.xlarge {

	font-size: 200%;

}



/* color styles 

---------------------------------------------- */



/* black */

.button.black { color: #d7d7d7; background: #333; } .button.black:hover { background: #000; } .button.black:active { color: #666; }



/* gray */

.button.gray { color: #e9e9e9; background: #6e6e6e; } .button.gray:hover { background: #616161; } .button.gray:active { color: #afafaf; } 



/* orange */

.button.orange { color: #fef4e9; background: #f78d1d; } .button.orange:hover { background: #f47c20; } .button.orange:active { color: #fcd3a5; }



/* red */

.button.red { color: #faddde; background: #d81b21; } .button.red:hover { background: #b61318; } .button.red:active { color: #de898c; }



/* blue */

.button.blue { color: #d9eef7; background: #00CCFF; } .button.blue:hover { background: #007ead; } .button.blue:active { color: #80bed6; }



/* rosy */

.button.rosy { color: #fae7e9; background: #da5867; } .button.rosy:hover { background: #ba4b58; } .button.rosy:active { color: #dca4ab; }



/* green */

.button.green { color: #e8f0de; background: #64991e; } .button.green:hover { background: #538018; } .button.green:active { color: #a9c08c; }



/* pink */

.button.pink { color: #feeef5; background: #f895c2; } .button.pink:hover { background: #d57ea5; } .button.pink:active { color: #f3c3d9; }





.button.yellow { color: #fff; background: #fd9c2c; } .button.yellow:hover { background: #BB6512; } .button.yellow:active { color: #fff; }



.button.unstyled{ background:none;

 border: 1px solid rgba(255, 255, 255, 0.5); }

	a:hover.button.unstyled{ background:border: 1px solid rgba(255, 255, 255, 0.1);}



.row{

	height:auto; overflow:hidden; clear:both; margin-left:-20px;

}



 

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 , .aside, .main{

  display: inline; float: left; margin-left: 20px; /*margin-right: 10px;*/

}

 

 .alpha { margin-left: 0; } 
 .omega { margin-right: 0; }





.wrapper{ width:1000px ; height: ; margin:0 auto; padding: ; /*background:url(../imgs/grid.png) repeat;*/ clear:both; height:auto; overflow:hidden; margin-top:20px; /*position:relative; left:50%; margin-left:-480px;*/ position:relative;

}



	.col1{ width: 65px;} .col2, .aside{ width: 150px; } .col3{ width: 235px; } .col4{ width: 320px; } .col5{ width: 405px; }.col6{ width: 490px; } .col7{ width: 575px; } .col8{ width: 660px; } .col9{ width: 745px; } .col10, .main{ width: 830px; } .col11{ width: 915px; } .col12{ width: 1000px; }



@media (min-width: 1250px) and (max-width: 1440px) {

	.wrapper{ width:1180px ;}

	.col1{ width: 80px;} .col2, .aside{ width: 180px; } .col3{ width: 280px; } .col4{ width: 380px; } .col5{ width: 480px; }.col6{ width: 580px; } .col7{ width: 680px; } .col8{ width: 780px; } .col9{ width: 880px; } .col10, .main{ width: 980px; } .col11{ width: 1080px; } .col12{ width: 1180px; }

	

} 

.w1200 .wrapper{ width:1180px ;}

	.w1200 .col1{ width: 80px;} .w1200 .col2, .w1200 .aside{ width: 180px; } .w1200 .col3{ width: 280px; } .w1200 .col4{ width: 380px; } .w1200 .col5{ width: 480px; }.w1200 .col6{ width: 580px; } .w1200 .col7{ width: 680px; } .w1200 .col8{ width: 780px; } .w1200 .col9{ width: 880px; } .w1200 .col10, .w1200 .main{ width: 980px; } .w1200 .col11{ width: 1080px; } .w1200 .col12{ width: 1180px; }



@media (min-width: 768px) and (max-width: 1000px) {

	.wrapper{ width:748px ; }

	.col1{ width: 44px;} .col2, .aside{ width: 108px; } .col3{ width: 172px; } .col4{ width: 236px; } .col5{ width: 300px; }.col6{ width: 364px; } .col7{ width: 428px; } .col8{ width: 492px; } .col9{ width: 556px; } .col10, .main{ width: 620px; } .col11{ width: 684px; } .col12{ width: 748px; }

	

} 



@media (min-width: 980px) and (max-width: 1300px) {

	.wrapper{ width:940px ; }

	.col1{ width: 60px;} .col2, .aside{ width: 140px; } .col3{ width: 220px; } .col4{ width: 300px; } .col5{ width: 380px; }.col6{ width: 460px; } .col7{ width: 540px; } .col8{ width: 620px; } .col9{ width: 700px; } .col10, .main{ width: 780px; } .col11{ width: 860px; } .col12{ width: 940px; }

	

}

.w960 .wrapper{ width:940px ; }

	.w960 .col1{ width: 60px;} .w960 .col2, .w960 .aside{ width: 140px; } .w960 .col3{ width: 220px; } .w960 .col4{ width: 300px; } .w960 .col5{ width: 380px; }.w960 .col6{ width: 460px; } .w960 .col7{ width: 540px; } .w960 .col8{ width: 620px; } .w960 .col9{ width: 700px; } .w960 .col10, .w960 .main{ width: 780px; } .w960 .col11{ width: 860px; } .w960 .col12{ width: 940px; }

	

@media (min-width: 0px) and (max-width: 768px) {

	.wrapper{ width:auto; padding:0 20px; position:static; margin:0 20px;}

	.row{ margin:0;}

	.col1, .col2, .aside, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .main, .col11, .col12{ width:100%; margin:0;}

}

.w768 .wrapper{ width:auto; padding:0 20px; position:static; margin:0 20px;}

.w768 .row{ margin:0;}

.w768 .col1, .w768 .col2, .w768 .aside, .w768 .col3, .w768 .col4, .w768 .col5, .w768 .col6, .w768 .col7, .w768 .col8, .w768 .col9, .w768 .col10, .w768 .main, .w768 .col11, .w768 .col12{ width:100%; margin:0;}

 @media only screen and (device-width 768px) {  

   /*For general iPad layouts*/  

   

}  

 

@media only screen and (min-device-width 481px) and (max-device-width 1024px) and (orientationportrait) {  

   /*For portrait layouts only */ 

}  

 

@media only screen and (min-device-width 481px) and (max-device-width 1024px) and (orientationlandscape) {  

   /*For landscape layouts only*/  

} 



	.percent{ /*margin:0 20px;*/ margin:0;}

    .wrapper.percent{ margin:0 auto;}

	.percent .row{ margin-left:-1%; width:105%;}

	.percent .col1, .percent .col2, .percent .col3, .percent .col4, .percent .col5, .percent .col6, .percent .col7, .percent .col8, .percent .col9, .percent .col10, .percent .col11, .percent .col12, .percent .aside, .percent .main{ margin-left:1% !important;}

	.percent .col1{ width: 7% !important;} .percent .col2, .percent .aside{ width: 15% !important;} .percent .col3{ width: 23%!important; } .percent .col4{ width: 31% !important;} .percent .col5{ width: 39% !important;}.percent .col6{ width: 47%!important; } .percent .col7{ width: 55% !important;} .percent .col8{ width: 63% !important;} .percent .col9{ width: 71%!important; } .percent .col10, .percent .main{ width: 79% !important;} .percent .col11{ width: 87% !important;} .percent .col12{ width: 95% !important;}



 

/*******************************************************/

/*CSS Document */

.boxy-wrapper{position:absolute;}

.boxy-wrapper .fixed{position:fixed;}

/* Modal */ 

.boxy-modal-blackout{position:absolute; background-color:black; left:0; top:0;} 

/* Border */

.boxy-wrapper{empty-cells:show;}

.boxy-wrapper .top-left,.boxy-wrapper .top-right,.boxy-wrapper .bottom-right,.boxy-wrapper .bottom-left{width:10px; height:10px; padding:0}

.boxy-wrapper .top-left{background:url(boxy-nw.png);}

.boxy-wrapper .top-right{background:url(boxy-ne.png);}

.boxy-wrapper .bottom-right{background:url(boxy-se.png);}

.boxy-wrapper .bottom-left{background:url(boxy-sw.png);}



/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */

/* NB:these must be absolute paths or URLs to your images */

 

.boxy-wrapper .top-left{+background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/boxy-nw.png);}

.boxy-wrapper .top-right{+background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/boxy-ne.png);}

.boxy-wrapper .bottom-right{+background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/boxy-se.png);}

.boxy-wrapper .bottom-left{+background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/boxy-sw.png);}





.boxy-wrapper .top,.boxy-wrapper .bottom{height:10px; background-color:black; opacity:0.6; filter:alpha(opacity=60);-moz-opacity:0.6; padding:0}

.boxy-wrapper .left,.boxy-wrapper .right{ float:inherit;width:10px;background-color:black; opacity:0.6; filter:alpha(opacity=60);-moz-opacity:0.6; padding:0}

/* Title bar */

.boxy-wrapper .title-bar{background-color:#333333; padding:6px; position:relative;}

.boxy-wrapper .title-bar .dragging{cursor:move;}

.boxy-wrapper .title-bar h2{font-size:12px; color:white; line-height:2; margin:0; padding:0;font-weight:normal;border:0px;text-align:left;height:22px;}

.boxy-wrapper .title-bar .close{color:white; position:absolute; top:5px; right:6px; font-size:12px;}

.boxy-wrapper .title-bar .close:hover{background-color:#454545;}

/* Content Region */

.boxy-inner{background-color:white; padding:0;}

.boxy-content{padding:15px;}

/* Question Boxes */

.boxy-wrapper .question{width:250px; min-height:40px; height:auto;text-align:left}

.boxy-wrapper .answers{text-align:right;margin:0}

/*confirm btn by zhangxinxu  */

.boxy-btn1,.boxy-btn2,.boxy-btn3{padding:3px 12px 1.9px; border-width:1px; border-style:solid; letter-spacing:1px; line-height:15px; cursor:pointer; overflow:visible} 

.boxy-btn1{background-color:#425f99; border-color:#5A7EC6 #2C3E5F #2C3E5F #5A7EC6; color:white;}

.boxy-btn2{background-color:#ECE9D8; border-color:#eeeeee #bbbbbb #bbbbbb #eeeeee; color:#333333;}

.boxy-btn3{background-color:#EAEAEA; border-color:#EAEAEA #aaaaaa #aaaaaa #EAEAEA; color:#333333; padding:3px 5px 1.9px;}

.boxy-btn3:hover{background-color:#cad5eb; border-color:#CED8E3 #A2ADBC #A2ADBC #CED8E3;}  .boxy-wrapper .answers { text-align: right; }

.new_product_input{width:20px;}

.new_tel_input{width:110px;}





div.laba { position: relative; float: left;width:auto;  line-height: 30px;}

.laba input[type="radio"] {  width: 20px;  height: 20px;  opacity: 0;}

.laba label {  position: absolute;  left: 5px;  top: 8px;  width: 20px;  height: 20px;  border-radius: 50%;  border: 1px solid #999;}

.laba input:checked+label {  background-color: #006eb2;  border: 1px solid #006eb2;}

.laba input:checked+label::after {  position: absolute;  content: "";  width: 5px;  height: 10px;  top: 3px;  left: 6px;  border: 2px solid #fff;  border-top: none;  border-left: none;  transform: rotate(45deg)}

.pddty2 span{display: block; width:20%; float: left;}

.pddty{ font-weight: bold;}

.claer{clear: both; height: 1px; line-height: 1px;}