﻿@charset "utf-8";

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

input[type=text], input[type=number], textarea {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; margin-bottom:5px;}
.placeholder { color: #aaa; }

.main_nav {
	margin:200px auto;
	padding:0 0 8px;
	width:600px;
	border:#ccc 1px solid;
	
	background:#fff;
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
}
.main_nav h1 {margin:0 20px; border-bottom: #57ab64 1px dotted; padding-left:33px; height:70px; line-height:70px; font-size:22px; color:#f60; background:url(../img/calculator/icon_1.png) 0 24px no-repeat;}
.main_nav h1 span {margin-left:10px; padding-left:10px; border-left:#ccc 1px dotted; color:#999; font-size:12px; font-weight:normal;}

#diamondprototype{padding:18px;background-color: #fff;}
#diamondprototype dl{display:inline;}
#diamondprototype dd{margin-top: 3px;}

#diamondprototype .dd_manual{font-size: 14px;margin-bottom:12px;line-height: 30px;height: 30px;}
#diamondprototype input {height: 28px;border: 1px solid #efcc88;line-height: 28px;padding: 0 8px;font-size: 15px;font-family: 'Open Sans', Arial;}

#diamondprototype .gjbj {text-align: center;float:right;color:#aaa;display: none;}
#diamondprototype .row1 {width: 430px;}
#diamondprototype .row1 input{margin-left: 12px;width: 310px;width:309px\9\0;}

#diamondprototype .dd_shape{margin: 12px 0;line-height:35px;height: 35px;}
#diamondprototype .dd_shape a{width: 99px; -moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px}
#diamondprototype .dd_shape a:focus{background-color:#61D19A;}
#diamondprototype dd.dd_color,#diamondprototype dd.dd_clarity{height:48px;line-height: 48px;}
#diamondprototype .dd_color a,#diamondprototype .dd_clarity a{width: 48px; line-height: 48px;height:48px;font-family: 'Open Sans', Arial; -moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px; }
#diamondprototype dd a{font-size: 15px;outline: none;display: inline-block;text-align: center; text-decoration: none;background-color: #F5F5F5;color: #333;margin-left:3px;text-shadow: rgba(255,255,255,0.65) 0 1px 1px;}
#diamondprototype dd a.on{background-color: #fa0;color: #fff;text-shadow: none;}
#diamondprototype dd a:hover{background-color:#61D19A;color: #fff;text-shadow: rgba(86,123,0,0.65) 0 1px 1px;}
/*#diamondprototype dd a:focus{background-color: #61D19A;color: #fff;}*/

#diamondprototype .div_raterelate {width: 303px;color: #333;margin: 6px 0 0 3px;font-size:14px;float: left;}
#diamondprototype .div_raterelate ul{height: 35px;overflow: hidden;}
#diamondprototype .div_raterelate li{float: left;}
#diamondprototype .pricePerCarat {margin: 10px 0 0 0;color: #aaa;display: none;font-size: 14px;}
#diamondprototype .pricePerCarat em{font-size: 16px;}

#input_rate{margin-right: 15px;width: 48px;}
#input_rebate {padding-left:1.5em!important;width: 6em!important;}
#diamondprototype li.single_position {position: /*relative;width: 160px!important;*/}
#diamondprototype .single_position b{position: absolute!important;display: block;width: 22px;height: 22px;top: 4px;left:1px;text-align: center;line-height: 22px;background: url(../img/calculator/splitimge.png) no-repeat;}
#diamondprototype .single_position .plus{background-position: 0 -58px;}
#diamondprototype .single_position .minus{background-position: -22px -58px;}
#diamondprototype .single_position b:hover{background-color: #fff0d3;cursor: pointer;}

#diamondprototype .single_result {font-family: 'Open Sans', Arial;width: 252px;float: right;margin-top: 6px;}
/*#diamondprototype .single_result li{float: left;margin-left:3px;width: 150px;font-size:16px;}*/
#diamondprototype .single_result em {font-style: normal;font-family: '微软雅黑', Simsun, Arial, Verdana, Helvetica, sans-serif;}

#liDollar {position: relative;}
#liDollar b{position: absolute;left: 225px;top: 4px;display: none;}

#diamondprototype .dd_result{height: 90px;}

#diamondprototype .single_result li{line-height:40px;float: left;margin-bottom:3px;width: 250px;font-size: 16px;}
#diamondprototype .single_result li input{width: 140px;font-size: 26px;color:#FF0300;height: 40px;font-weight: bold;float: right;}


/***** Media queries *****/
@media (min-width: 1200px) { 

	.massage{bottom: 130px;}
	.footer_bottom{width: 1200px;}
	.left_menu {display: none;}
	.footer_bottom{width: 100%;}
	.bottom_box{width: 100%;margin: 0 auto;}  
} 
@media (min-width: 992px) and (max-width: 1199px){
	.navbar-nav li:first-child{margin-right: 10px;}
    .navbar-nav li:nth-child(2){margin-right: 10px;}
    .navbar-nav li:nth-child(3){margin-right: 10px;}
    .navbar-nav li:nth-child(4){margin-right: 10px;} 
    .navbar-nav li:nth-child(5){margin-right: 10px;}
    .navbar-nav li:nth-child(6){margin-right: 10px;}
    .navbar-nav li:nth-child(7){margin-right: 10px;}
    .navbar-nav li:nth-child(8){margin-right: 10px;}
   
    .form-box{margin-top: 180px;}
    .left_menu {display: none;}
    .footer_bottom {width: 900px;}  
    .contact_ways li:first-child{margin-right: 20px;}
    .contact_ways li:nth-child(2){margin-right: 20px;}
    .android{right: 30px;}
    .apple{right: 170px;}    
    .footer_box .bottom_box{width: 1000px;margin: 0 auto;}                                                                                                                                                                                                                                                                                                          
} 
@media  (max-width: 799px){  
	
	.navbar{margin-bottom: 0px;}
	.nav_box{display: none;}
 
	.footer{display: none;}
  .main_nav{width: 360px;height: 900px;}
  .main_nav h1 span{display: block;border-left: none;padding-top: 0px;}
  #diamondprototype{margin-top: 40px;}
  #diamondprototype dd.dd_color{height: auto;}
  #diamondprototype dd.dd_clarity{height: auto;}
  #diamondprototype .dd_manual .row1{width: 280px;}
  #diamondprototype .dd_manual{height: auto;}
  #diamondprototype .dd_shape{height: auto;}
  .dd_result{margin-top: 50px;}
  .pricePerCarat{margin-top: 30px;}
  #diamondprototype .div_raterelate{width: 310px;height: auto;margin-bottom: 10px;}
  #diamondprototype .single_result{margin-top: 20px;}

  /* 尾部开始 */
  .nav_list{margin-bottom: 20px;}
  .nav_list .footer_nav_list{text-align: center;}
  .nav_list .footer_nav_list a{margin-right: 10px;text-decoration: none;font-size: 14px;color: #909090;}
  .bottom_text{font-size: 12px;color: #909090;padding-bottom: 20px;padding-top: 20px;}
  .bottom_box{border-top: 1px solid #DCDCDC;width: 300px;height: auto;margin: 0 auto;}
  /*  尾部结束 */
   
}
@media  (max-width: 375px){
	.main_nav{width: 340px;}
}
@media  (max-width: 320px){
	.main_nav{width: 310px;}
}
