@charset "UTF-8";
::-webkit-input-placeholder {
  color: #000000;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
:-ms-input-placeholder {
  color: #000000;
}
.innerbody {
  font-family: Arial;
  background-color: #EBEBEB;
}
.errors {
  color: #ff0000;
}
.ipad input[type="text"] {
  border: 1px solid #000000 !important;
}
.ipad input[type="email"] {
  border: 1px solid #000000 !important;
}
.ipad input[type="number"] {
  border: 1px solid #000000 !important;
}
.ipad textarea {
  border: 1px solid #000000 !important;
}
/* for phone */
@media (max-width: 767px) and (min-width: 400px) {
  .inner-content .cate-list1,
  .inner-content .cate-list2 {
    width: 320px;
    margin: 0 auto;
  }
  .mobile .format-btn {
    position: absolute;
    right: 20px;
  }
  /*
	.iphone {
		input[type="date"] {
			width: 330px !important; 
		}
	}
	*/
}
@media (max-width: 420px) {
  .input-title {
    width: 90px;
  }
}
@media (max-width: 320px) {
  .iphone input[type="date"] {
    width: 169px !important;
  }
}
@media (max-width: 767px) {
  .banner {
    padding-top: 30px;
    text-align: center;
  }
  .banner img {
    width: 100%;
  }
  .yes-no {
    width: 280px;
  }
  .questions {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .recommend {
    padding-left: 10px;
    background: url("images/forphone/recommend_pt.png") no-repeat scroll left 12px transparent;
  }
  .notoffer {
    padding-left: 10px;
    margin-top: 10px;
    background: url("images/forphone/recommend_pt.png") no-repeat scroll left 7px transparent;
  }
  .android-letter {
    display: none;
    color: #305087;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .error-pt {
    width: 300px;
  }
  .iphone .phone-header {
    position: fixed;
    top: 0px;
    z-index: 5;
  }
  .iphone .input-type {
    width: 65%;
  }
  .iphone .input-type textarea {
    border: 1px solid #d0d0d0;
  }
  .android .android-letter {
    display: block;
  }
  .android .base-mid.container {
    padding-top: 0px;
  }
  .android .phone-header {
    position: static;
  }
  .android .input-type {
    width: 65%;
  }
  .android .input-type select {
    border: 1px solid #969696 !important;
    background-color: #EBEBEB;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    text-indent: 5px;
  }
  .android .input-type input[type="date"] {
    background-color: #EBEBEB;
  }
  .android .input-type textarea {
    border: 1px solid #969696 !important;
  }
  .android .step2-formA .input-type select {
    background-color: #ffffff;
  }
  .android .step2-formA .input-type input[type="date"] {
    background-color: #ffffff;
    text-indent: 5px;
  }
  .android .step2-formA .input-type textarea {
    border: 1px solid #969696 !important;
  }
  .innerbody {
    position: relative;
  }
  .base-bg.container {
    padding-left: 19px;
    padding-right: 19px;
  }
  .phone-header {
    background: url("images/forphone/phone_header.png") no-repeat scroll center top transparent;
    background-image: url('./images/forphone/phone_header.png');
    width: 100%;
    height: 80px;
    padding-left: 19px;
    padding-right: 19px;
    position: fixed;
    top: 0px;
    z-index: 5;
  }
  .phone-logo {
    float: left;
    padding-top: 15px;
  }
  .phone-logo a {
    background: url("images/forphone/phone_logo.png") no-repeat scroll center top transparent;
    background-image: url('./images/forphone/phone_logo.png');
    width: 139px;
    height: 32px;
    text-indent: -5000px;
    display: block;
  }
  .phone-contactus {
    float: right;
    padding-top: 18px;
    width: 118px;
  }
  .phone-contactus a {
    text-indent: -5000px;
    display: block;
  }
  .phone-contactus .contactus-btn {
    background: url("images/forphone/phone_contactus.png") no-repeat scroll center top transparent;
    background-image: url('./images/forphone/phone_contactus.png');
    width: 30px;
    height: 24px;
    float: right;
    margin-top: 4px;
  }
  .phone-contactus .home-btn {
    background: url("images/forphone/phone_home.png") no-repeat scroll center top transparent;
    background-image: url('./images/forphone/phone_home.png');
    width: 30px;
    height: 28px;
    float: left;
  }
  .phone-contactus .fb-btn {
    background: url("images/forphone/phone_fb.png") no-repeat scroll center top transparent;
    background-image: url('./images/forphone/phone_fb.png');
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .footer {
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid #a2a2a2;
  }
  .base-mid.container {
    background: none;
    padding-top: 65px;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* index */
  .stepletter {
    background: url("images/forphone/phone_stepletter.png") no-repeat scroll center bottom transparent;
    background-image: url('./images/forphone/phone_stepletter.png');
    width: 100%;
    height: 26px;
    display: block;
    text-indent: -5000px;
    padding-top: 50px;
  }
  .cate-list1 {
    width: 100%;
    padding-top: 20px;
  }
  .cate-list1 .cate-computer,
  .cate-list1 .cate-mobile,
  .cate-list1 .cate-ref,
  .cate-list1 .cate-washer,
  .cate-list1 .cate-other {
    float: left;
  }
  .cate-list1 .cate-tablet,
  .cate-list1 .cate-tv,
  .cate-list1 .cate-air,
  .cate-list1 .cate-furniture {
    float: right;
  }
  .cate-list2 {
    width: 100%;
    padding-bottom: 20px;
  }
  .cate-list2 .cate-mobile {
    float: left;
  }
  .cate-list2 .cate-other {
    float: right;
  }
  .cate-list2 .cate-tablet {
    float: right;
  }
  .cate-btn {
    padding-bottom: 10px;
  }
  .cate-btn a {
    width: 132px;
    height: 131px;
  }
  .cate-ad a {
    width: 320px;
    height: 145px;
  }
  .cate-tv a {
    background: url("images/forphone/phone_tv_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_tv_icon.png');
  }
  .cate-tv.selected a {
    background: url("images/forphone/phone_tv_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_tv_iconb.png');
  }
  .cate-ref a {
    background: url("images/forphone/phone_ref_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_ref_icon.png');
  }
  .cate-ref.selected a {
    background: url("images/forphone/phone_ref_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_ref_iconb.png');
  }
  .cate-air a {
    background: url("images/forphone/phone_air_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_air_icon.png');
  }
  .cate-air.selected a {
    background: url("images/forphone/phone_air_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_air_iconb.png');
  }
  .cate-washer a {
    background: url("images/forphone/phone_washer_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_washer_icon.png');
  }
  .cate-washer.selected a {
    background: url("images/forphone/phone_washer_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_washer_iconb.png');
  }
  .cate-computer a {
    background: url("images/forphone/phone_computer_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_computer_icon.png');
  }
  .cate-computer.selected a {
    background: url("images/forphone/phone_computer_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_computer_iconb.png');
  }
  .cate-mobile a {
    background: url("images/forphone/phone_mobile_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_mobile_icon.png');
  }
  .cate-mobile.selected a {
    background: url("images/forphone/phone_mobile_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_mobile_iconb.png');
  }
  .cate-tablet a {
    background: url("images/forphone/phone_tablet_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_tablet_icon.png');
  }
  .cate-tablet.selected a {
    background: url("images/forphone/phone_tablet_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_tablet_iconb.png');
  }
  .cate-other a {
    background: url("images/forphone/phone_other_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_other_icon.png');
  }
  .cate-other.selected a {
    background: url("images/forphone/phone_other_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_other_iconb.png');
  }
  .cate-furniture a {
    background: url("images/forphone/phone_furniture_icon.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_furniture_icon.png');
  }
  .cate-furniture.selected a {
    background: url("images/forphone/phone_furniture_iconb.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone_furniture_iconb.png');
  }
  /* contactus */
  .contactus-banner {
    background-color: #e69d00;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contactus-banner-left {
    background: url("images/forphone/contactus-banner-left.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/contactus-banner-left.png');
    width: 84px;
    height: 93px;
    float: left;
  }
  .contactus-banner-right {
    background: url("images/forphone/contactus-banner-right.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/contactus-banner-right.png');
    width: 191px;
    height: 93px;
    float: right;
  }
  .contactus-title {
    background: url("images/forphone/contactus-title-letter.png") no-repeat scroll 15px top #2a4880;
    background-image: url('./images/forphone/contactus-title-letter.png');
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 33px;
  }
  .contactus-text {
    padding: 16px;
    font-size: 10px;
  }
  .contactus-text span {
    padding-right: 22px;
  }
  /* form 1 */
  .step1letter {
    background: url("images/forphone/phone_step1letter.png") no-repeat scroll center bottom transparent;
    background-image: url('./images/forphone/phone_step1letter.png');
    width: 100%;
    height: 26px;
    display: block;
    text-indent: -5000px;
    padding-top: 50px;
  }
  .select-list {
    width: 276px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 25px;
  }
  .select-btn {
    display: none;
    width: 132px;
    height: 136px;
    margin: 0 auto;
  }
  .selected {
    display: block;
  }
  .select-tv {
    background: url("images/phone-tick-icon-tv.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-tv.png');
  }
  .select-ref {
    background: url("images/phone-tick-icon-ref.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-ref.png');
  }
  .select-air {
    background: url("images/phone-tick-icon-air.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-air.png');
  }
  .select-washer {
    background: url("images/phone-tick-icon-washer.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-washer.png');
  }
  .select-computer {
    background: url("images/phone-tick-icon-computer.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-computer.png');
  }
  .select-mobile {
    background: url("images/phone-tick-icon-mobile.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-mobile.png');
  }
  .select-tablet {
    background: url("images/phone-tick-icon-tablet.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-tablet.png');
  }
  .select-other {
    background: url("images/phone-tick-icon-other.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-other.png');
  }
  .select-furniture {
    background: url("images/phone-tick-icon-furniture.png") no-repeat scroll left top transparent;
    background-image: url('./images/forphone/phone-tick-icon-furniture.png');
  }
  .form-head {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 18px;
    text-indent: -5000px;
    display: block;
  }
  .form-head-title1 {
    background: url("images/forphone/form-title-letter1.png") no-repeat scroll 15px top #bcbcbc;
    background-image: url('./images/forphone/form-title-letter1.png');
  }
  .form-head-title2 {
    background: url("images/forphone/form-title-letter2.png") no-repeat scroll 15px top #bcbcbc;
    background-image: url('./images/forphone/form-title-letter2.png');
  }
  .input-pt {
    width: 100%;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .input-type {
    float: right;
    width: 65%;
    /*
		padding-bottom: 5px;
		*/
    position: relative;
  }
  .input-type input[type="file"] {
    border: 0px none;
    box-shadow: none;
  }
  .input-type input[type="radio"] {
    width: auto;
    box-shadow: none;
  }
  .input-type span {
    padding-left: 5px;
    padding-right: 5px;
  }
  .input-type input {
    background-color: #EBEBEB;
    border: 1px solid #bcbcbc;
    width: 100%;
    box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow: inset 0 0 5px #000000;
  }
  .input-type select {
    width: 100%;
    border: 0px none;
    box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow: inset 0 0 5px #000000;
  }
  .input-type textarea {
    width: 100%;
    height: 75px;
    border: 0px none;
    box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow: inset 0 0 5px #000000;
    resize: none;
    background-color: #EBEBEB;
  }
  .format-btn {
    background: url("images/forphone/phone-photosample_btn.png") no-repeat scroll center top transparent;
    background-image: url('./images/forphone/phone-photosample_btn.png');
    width: 77px;
    height: 30px;
  }
  .terms .terms-letter {
    width: 93%;
    font-size: 12px;
  }
  .submit-btn {
    width: 139px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .submit-btn button {
    background: url("images/forphone/phone-send-btn.png") no-repeat scroll center top transparent;
    background-image: url('./images/forphone/phone-send-btn.png');
    width: 139px;
    height: 33px;
    border: 0px none;
  }
  .terms-area {
    width: 100%;
  }
  .terms-area2 {
    width: 100%;
  }
  .step2letter {
    background: url("images/forphone/phone_step2letter.png") no-repeat scroll center bottom transparent;
    background-image: url('./images/forphone/phone_step2letter.png');
    width: 100%;
    height: 26px;
    display: block;
    text-indent: -5000px;
    padding-top: 50px;
  }
  /* form 2 */
  .img-list {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center;
  }
  .img-list img {
    width: 32%;
  }
  .form2-text {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #bcbcbc;
    padding: 6px;
  }
  .form2-text .chi-text {
    font-size: 10px;
  }
  .form2-text .eng-text {
    font-size: 10px;
  }
  .step2-form {
    padding-top: 20px;
  }
  .step2-form input {
    background-color: #ffffff;
  }
  .step2-form select {
    margin-top: 5px;
  }
  .step2-form textarea {
    background-color: #ffffff;
  }
  .step2-formB .input-title2 {
    width: 107px;
  }
  .step2-formB .input-type input[type="radio"] {
    box-shadow: none;
    width: auto;
  }
  .step2-formB .input-type span {
    padding-left: 3px;
    padding-right: 3px;
  }
  .step2-formc textarea {
    background-color: #ffffff;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .phone-header {
    background-image: url('./hd/images/forphone/phone_header.png');
    background-size: 960px 80px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .phone-logo a {
    background-image: url('./hd/images/forphone/phone_logo.png');
    background-size: 139px 32px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .phone-contactus .contactus-btn {
    background-image: url('./hd/images/forphone/phone_contactus.png');
    background-size: 30px 24px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .phone-contactus .home-btn {
    background-image: url('./hd/images/forphone/phone_home.png');
    background-size: 30px 28px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .phone-contactus .fb-btn {
    background-image: url('./hd/images/forphone/phone_fb.png');
    background-size: 30px 30px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .stepletter {
    background-image: url('./hd/images/forphone/phone_stepletter.png');
    background-size: 134px 26px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-tv a {
    background-image: url('./hd/images/forphone/phone_tv_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-tv.selected a {
    background-image: url('./hd/images/forphone/phone_tv_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-ref a {
    background-image: url('./hd/images/forphone/phone_ref_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-ref.selected a {
    background-image: url('./hd/images/forphone/phone_ref_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-air a {
    background-image: url('./hd/images/forphone/phone_air_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-air.selected a {
    background-image: url('./hd/images/forphone/phone_air_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-washer a {
    background-image: url('./hd/images/forphone/phone_washer_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-washer.selected a {
    background-image: url('./hd/images/forphone/phone_washer_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-computer a {
    background-image: url('./hd/images/forphone/phone_computer_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-computer.selected a {
    background-image: url('./hd/images/forphone/phone_computer_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-mobile a {
    background-image: url('./hd/images/forphone/phone_mobile_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-mobile.selected a {
    background-image: url('./hd/images/forphone/phone_mobile_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-tablet a {
    background-image: url('./hd/images/forphone/phone_tablet_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-tablet.selected a {
    background-image: url('./hd/images/forphone/phone_tablet_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-other a {
    background-image: url('./hd/images/forphone/phone_other_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-other.selected a {
    background-image: url('./hd/images/forphone/phone_other_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-furniture a {
    background-image: url('./hd/images/forphone/phone_furniture_icon.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .cate-furniture.selected a {
    background-image: url('./hd/images/forphone/phone_furniture_iconb.png');
    background-size: 132px 131px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .contactus-banner-left {
    background-image: url('./hd/images/forphone/contactus-banner-left.png');
    background-size: 84px 93px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .contactus-banner-right {
    background-image: url('./hd/images/forphone/contactus-banner-right.png');
    background-size: 191px 93px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .contactus-title {
    background-image: url('./hd/images/forphone/contactus-title-letter.png');
    background-size: 215px 33px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .step1letter {
    background-image: url('./hd/images/forphone/phone_step1letter.png');
    background-size: 156px 26px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-tv {
    background-image: url('./hd/images/forphone/phone-tick-icon-tv.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-ref {
    background-image: url('./hd/images/forphone/phone-tick-icon-ref.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-air {
    background-image: url('./hd/images/forphone/phone-tick-icon-air.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-washer {
    background-image: url('./hd/images/forphone/phone-tick-icon-washer.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-computer {
    background-image: url('./hd/images/forphone/phone-tick-icon-computer.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-mobile {
    background-image: url('./hd/images/forphone/phone-tick-icon-mobile.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-tablet {
    background-image: url('./hd/images/forphone/phone-tick-icon-tablet.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-other {
    background-image: url('./hd/images/forphone/phone-tick-icon-other.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .select-furniture {
    background-image: url('./hd/images/forphone/phone-tick-icon-furniture.png');
    background-size: 132px 136px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .form-head-title1 {
    background-image: url('./hd/images/forphone/form-title-letter1.png');
    background-size: 262px 18px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .form-head-title2 {
    background-image: url('./hd/images/forphone/form-title-letter2.png');
    background-size: 217px 18px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .format-btn {
    background-image: url('./hd/images/forphone/phone-photosample_btn.png');
    background-size: 77px 30px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .submit-btn button {
    background-image: url('./hd/images/forphone/phone-send-btn.png');
    background-size: 139px 33px;
  }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .step2letter {
    background-image: url('./hd/images/forphone/phone_step2letter.png');
    background-size: 183px 26px;
  }
}
@media (min-width: 768px) {
  .banner {
    text-align: center;
    padding-top: 50px;
  }
  .yes-no {
    width: 300px;
  }
  .questions {
    width: 400px;
    margin: 0 auto;
  }
  .recommend {
    background: url("images/forphone/recommend_pt.png") no-repeat scroll left 12px transparent;
    position: relative;
    top: 23px;
    left: 34px;
    padding-left: 16px;
  }
  .notoffer {
    background: url("images/forphone/recommend_pt.png") no-repeat scroll left 5px transparent;
    position: relative;
    top: 23px;
    left: 34px;
    padding-left: 16px;
  }
  .android-letter {
    display: none;
  }
  .ie .input-pt .input-type input {
    border: 1px solid #968B8B;
  }
  .ie .input-pt .input-type select {
    border: 1px solid #968B8B;
  }
  .ie .input-pt .input-type textarea {
    border: 1px solid #968B8B;
  }
  .ie .fb-icon {
    margin-top: -2px;
  }
  .safari .input-pt .input-type select {
    border: 1px solid #968B8B;
  }
  .base-bg.container {
    width: 1017px;
    padding: 0px;
    padding-top: 16px;
  }
  .base-bg .base-mid {
    background: url("images/page_mid.png") repeat-y scroll center top transparent;
    width: 1017px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .base-top {
    background: url("images/page_top.png") no-repeat scroll center top transparent;
    width: 1017px;
    height: 29px;
  }
  .base-bottom {
    background: url("images/page_bottom.png") no-repeat scroll center top transparent;
    width: 1017px;
    height: 36px;
  }
  .footer {
    width: 580px;
    padding-top: 16px;
  }
  .com-header {
    width: 959px;
    margin: 0 auto;
  }
  .com-header .logo {
    width: 278px;
    float: left;
  }
  .com-header .links {
    width: 662px;
    float: right;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 11px;
    padding-top: 9px;
  }
  .com-header .link-icon {
    float: right;
    padding-left: 35px;
  }
  .com-header .link-icon a {
    color: #305087;
    font-size: 15px;
    padding-left: 25px;
  }
  .com-header .link-icon a:hover {
    text-decoration: none;
  }
  .com-header .contactus-icon a {
    background: url("images/contactus_icon.png") no-repeat scroll left top transparent;
  }
  .com-header .home-icon a {
    background: url("images/home_icon.png") no-repeat scroll left top transparent;
  }
  .com-header .fb-icon {
    margin-top: -1px;
  }
  .com-header .fb-icon a {
    padding-left: 0px;
  }
  .com-header .fb-icon img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .inner-content {
    width: 959px;
    margin: 0 auto;
  }
  /* index */
  .cate-list1 {
    padding-top: 90px;
    width: 800px;
    margin: 0 auto;
  }
  .cate-list2 {
    padding-bottom: 40px;
    width: 400px;
    margin: 0 auto;
    padding-bottom: 22px;
  }
  .cate-btn {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .cate-btn a {
    width: 169px;
    height: 168px;
  }
  .cate-ad a {
    width: 371px;
    height: 168px;
  }
  .cate-tv a {
    background: url("images/tv_icon.png") no-repeat scroll left top transparent;
  }
  .cate-tv.selected a {
    background: url("images/tv_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-ref a {
    background: url("images/ref_icon.png") no-repeat scroll left top transparent;
  }
  .cate-ref.selected a {
    background: url("images/ref_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-air a {
    background: url("images/air_icon.png") no-repeat scroll left top transparent;
  }
  .cate-air.selected a {
    background: url("images/air_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-washer a {
    background: url("images/washer_icon.png") no-repeat scroll left top transparent;
  }
  .cate-washer.selected a {
    background: url("images/washer_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-computer a {
    background: url("images/computer_icon.png") no-repeat scroll left top transparent;
  }
  .cate-computer.selected a {
    background: url("images/computer_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-mobile a {
    background: url("images/mobile_icon.png") no-repeat scroll left top transparent;
  }
  .cate-mobile.selected a {
    background: url("images/mobile_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-tablet a {
    background: url("images/tablet_icon.png") no-repeat scroll left top transparent;
  }
  .cate-tablet.selected a {
    background: url("images/tablet_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-other a {
    background: url("images/other_icon.png") no-repeat scroll left top transparent;
  }
  .cate-other.selected a {
    background: url("images/other_iconb.png") no-repeat scroll left top transparent;
  }
  .cate-furniture a {
    background: url("images/furniture_icon.png") no-repeat scroll left top transparent;
  }
  .cate-furniture.selected a {
    background: url("images/furniture_iconb.png") no-repeat scroll left top transparent;
  }
  /* contact us */
  .contactus-banner {
    width: 959px;
    padding-top: 20px;
    padding-bottom: 45px;
  }
  .contactus-title {
    background: url("images/contactus_title.png") no-repeat scroll left top transparent;
    width: 959px;
    height: 43px;
  }
  .contactus-text {
    width: 555px;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .contactus-text span {
    padding-right: 50px;
  }
  /* form 1 */
  .form-titles {
    text-indent: -5000px;
    display: block;
  }
  .form-title1 {
    background: url("images/form-title1.png") no-repeat scroll left top transparent;
    width: 358px;
    height: 69px;
    position: absolute;
    top: -35px;
    left: -25px;
  }
  .form-title2 {
    background: url("images/form-title2.png") no-repeat scroll left top transparent;
    width: 334px;
    height: 69px;
    position: absolute;
    top: -35px;
  }
  .picked-box {
    width: 895px;
    margin: 0 auto;
    margin-top: 65px;
    margin-bottom: 55px;
    background-color: #e6e7e8;
    position: relative;
  }
  .select-list1 {
    width: 800px;
    margin: 0 auto;
    padding-top: 55px;
  }
  .select-list2 {
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .select-list3 {
    width: 700px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 46px;
  }
  .select-btn {
    float: left;
    width: 199px;
    height: 168px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }
  .select-btn.selected {
    height: 183px;
    position: relative;
    top: -15px;
  }
  .select-ad {
    width: 400px;
    height: 168px;
  }
  .select-ad img {
    width: 371px;
  }
  .select-ad.selected {
    height: 183px;
  }
  .select-tv {
    background: url("images/untick-icon-tv.png") no-repeat scroll center top transparent;
  }
  .select-tv.selected {
    background: url("images/tick-icon-tv.png") no-repeat scroll center top transparent;
  }
  .select-ref {
    background: url("images/untick-icon-ref.png") no-repeat scroll center top transparent;
  }
  .select-ref.selected {
    background: url("images/tick-icon-ref.png") no-repeat scroll center top transparent;
  }
  .select-air {
    background: url("images/untick-icon-air.png") no-repeat scroll center top transparent;
  }
  .select-air.selected {
    background: url("images/tick-icon-air.png") no-repeat scroll center top transparent;
  }
  .select-washer {
    background: url("images/untick-icon-washer.png") no-repeat scroll center top transparent;
  }
  .select-washer.selected {
    background: url("images/tick-icon-washer.png") no-repeat scroll center top transparent;
  }
  .select-computer {
    background: url("images/untick-icon-computer.png") no-repeat scroll center top transparent;
  }
  .select-computer.selected {
    background: url("images/tick-icon-computer.png") no-repeat scroll center top transparent;
  }
  .select-mobile {
    background: url("images/untick-icon-mobile.png") no-repeat scroll center top transparent;
  }
  .select-mobile.selected {
    background: url("images/tick-icon-mobile.png") no-repeat scroll center top transparent;
  }
  .select-tablet {
    background: url("images/untick-icon-tablet.png") no-repeat scroll center top transparent;
  }
  .select-tablet.selected {
    background: url("images/tick-icon-tablet.png") no-repeat scroll center top transparent;
  }
  .select-other {
    background: url("images/untick-icon-other.png") no-repeat scroll center top transparent;
  }
  .select-other.selected {
    background: url("images/tick-icon-other.png") no-repeat scroll center top transparent;
  }
  .select-furniture {
    background: url("images/untick-icon-furniture.png") no-repeat scroll center top transparent;
  }
  .select-furniture.selected {
    background: url("images/tick-icon-furniture.png") no-repeat scroll center top transparent;
  }
  .step1-form {
    border-top: 1px solid #d0d0d0;
    width: 895px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 40px;
  }
  .step1-form form {
    padding-left: 63px;
    padding-top: 63px;
  }
  .form-pt {
    width: 730px;
    border-top: 1px solid #d0d0d0;
    position: relative;
  }
  .form-head {
    width: 505px;
    height: 30px;
    background-color: #e6e7e8;
    line-height: 30px;
    font-size: 13px;
    color: #222222;
    font-weight: bold;
    padding-left: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: -15px;
    /*
		span {
			padding-left: 10px;
			padding-right: 10px;
		}
		*/
  }
  .input-pt.input-first {
    margin-top: 40px;
  }
  .input-pt.input-last {
    padding-bottom: 40px;
  }
  .input-pt {
    width: 505px;
    padding-bottom: 25px;
    padding-left: 30px;
    position: relative;
  }
  .input-pt .input-title {
    width: 130px;
  }
  .input-pt .input-type {
    width: 227px;
    float: left;
  }
  .input-pt .input-type input {
    border: 0px none;
    box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow: inset 0 0 5px #000000;
    margin-top: 5px;
  }
  .input-pt .input-type input[type="file"] {
    padding: 4px;
  }
  .input-pt .input-type input[type="text"] {
    width: 196px;
  }
  .input-pt .input-type input[type="email"] {
    width: 196px;
  }
  .input-pt .input-type input[type="number"] {
    width: 196px;
  }
  .input-pt .input-type input[type="date"] {
    width: 196px;
  }
  .input-pt .input-type input[type="radio"] {
    width: auto;
    box-shadow: none;
  }
  .input-pt .input-type span {
    padding-left: 5px;
    padding-right: 5px;
  }
  .input-pt .input-type #datepicker {
    text-indent: 4px;
  }
  .input-pt .input-type select {
    width: 196px;
    box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow: inset 0 0 5px #000000;
    border: 0px none;
    visibility: visible !important;
  }
  .input-pt .input-type textarea {
    width: 196px;
    height: 75px;
    border: 0px none;
    box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow: inset 0 0 5px #000000;
    margin-top: 5px;
    resize: none;
  }
  .input-pt .format-btn {
    background: url("images/photosample_btn.png") no-repeat scroll center top transparent;
    width: 100px;
    height: 40px;
    top: -1px;
    position: absolute;
    right: 25px;
    z-index: 1;
  }
  .input-pt .terms-area {
    width: 505px;
  }
  .terms {
    padding-left: 30px;
  }
  .terms .input-pt {
    border-top: 1px solid #d0d0d0;
    padding-top: 20px;
    width: 700px;
    padding-left: 0px;
  }
  .terms .input-last {
    border-top: 0px none;
  }
  .terms .terms-letter {
    width: 520px;
    font-size: 13px;
  }
  .submit-btn button {
    background: url("images/send-btn.png") no-repeat scroll center top transparent;
    width: 119px;
    height: 28px;
    border: 0px none;
  }
  /* form 2 */
  .picked-box2 {
    margin-bottom: 0px;
  }
  .form-title3 {
    background: url("images/form-title3.png") no-repeat scroll left top transparent;
    width: 358px;
    height: 69px;
    position: absolute;
    top: -35px;
    left: -25px;
  }
  .img-list {
    width: 830px;
    padding-top: 36px;
    padding-bottom: 15px;
    text-align: center;
  }
  .img-list img {
    width: 30%;
  }
  .form2-text {
    width: 820px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .form2-text .chi-text {
    font-size: 20px;
  }
  .form2-text .eng-text {
    font-size: 12px;
  }
  .form2-text .eng-text span {
    font-weight: bold;
  }
  .step2-form {
    width: 720px;
    margin: 0 auto;
    padding-top: 35px;
  }
  .step2-form .input-pt {
    padding-left: 0px;
    padding-bottom: 10px;
  }
  .step2-formc {
    width: 720px;
    margin: 0 auto;
    padding-bottom: 25px;
  }
  .step2-formc .input-pt {
    padding-left: 0px;
    padding-bottom: 10px;
  }
  .step2-formc .step2-formB .input-title {
    width: 70px;
  }
  .step2-formA {
    float: left;
    width: 330px;
  }
  .step2-formA textarea {
    width: 196px;
    height: 75px;
    resize: none;
    border: 0px none;
    box-shadow: inset 0 0 5px #000000;
    -moz-box-shadow: inset 0 0 5px #000000;
  }
  .step2-formA select {
    margin-top: 5px;
  }
  .step2-formB {
    float: right;
    width: 300px;
  }
  .step2-formB .input-pt {
    width: 300px;
  }
  .step2-formB .input-title {
    width: 70px;
  }
  .step2-formB .input-title2 {
    width: 107px;
  }
  .step2-formB .input-type {
    width: 190px;
    float: right;
  }
  .step2-formB .input-type input[type="text"] {
    width: 190px;
    text-indent: 5px;
  }
  .step2-formB .input-type input[type="email"] {
    width: 190px;
    text-indent: 5px;
  }
  .step2-formB .input-type input[type="number"] {
    width: 190px;
    text-indent: 5px;
  }
  .step2-formB .input-type input[type="radio"] {
    box-shadow: none;
  }
  .step2-formB .input-type span {
    padding-left: 10px;
    padding-right: 10px;
  }
  .submit-btn2 {
    width: 119px;
    margin: 0 auto;
  }
  .error-pt {
    width: 450px;
  }
  .error-pt p {
    width: 100px;
    float: left;
  }
  .error-pt .errors {
    width: 300px;
    float: right;
  }
}
/* setting for both view */
.test1 {
  display: none;
}
.formp .footer .foot2 {
  display: block;
}
.footer {
  margin: 0 auto;
}
.footer .foot1 {
  font-size: 14px;
  color: #272626;
  text-align: center;
}
.footer .foot1 a {
  color: #2a4880;
  text-decoration: underline;
}
.footer .foot2 {
  font-size: 12px;
  color: #595959;
  text-align: center;
  line-height: 14px;
  display: none;
}
/* index */
.cate-btn {
  float: left;
}
.cate-btn a {
  text-indent: -5000px;
  display: block;
}
.contactus-title {
  text-indent: -5000px;
  display: block;
}
.contactus-text {
  color: #222222;
}
.contactus-text a {
  color: #2a4880;
  text-decoration: underline;
}
/* form 1 */
.select-btn {
  text-indent: -5000px;
  cursor: pointer;
}
.input-title {
  float: left;
  color: #222222;
  line-height: 17px;
  font-size: 12px;
}
.terms input {
  float: left;
}
.terms .terms-letter {
  float: left;
  padding-left: 10px;
}
.format-btn {
  float: right;
  cursor: pointer;
}
.terms-area2 {
  height: 200px;
  overflow-y: scroll;
  display: none;
}
.terms-area2 p {
  text-align: center;
}
/* form 2 */
.img-list {
  margin: 0 auto;
}
.img-list img {
  padding-left: 2px;
  padding-right: 2px;
}
.form2-text p {
  color: #393636;
  text-align: center;
  margin-bottom: 5px;
}
.form2-text p span {
  color: #ff0000;
}
/* dialog */
#wrapper {
  position: absolute;
  z-index: 1;
  top: 0px;
  bottom: 48px;
  left: 0;
  width: 100%;
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px;
}
#scroller {
  position: absolute;
  z-index: 1;
  /*	-webkit-touch-callout:none;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  padding: 0;
}
.imghide {
  display: none;
}
.imgdisplay {
  display: block;
}
.recommend {
  color: #305087;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.notoffer {
  color: #305087;
  font-size: 12px;
}
.questions {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 25px;
  color: #000000;
  text-align: center;
}
.yes-no {
  margin: 0 auto;
}
.yes-no button {
  width: 137px;
  height: 45px;
}
.yes-no .yes-btn {
  float: left;
}
.yes-no .no-btn {
  float: right;
}
@charset "UTF-8";

/* v1.0 | 20080212 */

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, font, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	word-wrap:break-word;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input {
	font-family:Arial;
	}

/* *** Float containers fix:
       http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
 .clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

body {
	/*background: #F9A542 url(images/bg.png) repeat-y center top;*/
	font-size: 12px;
	font-family: Arial, MingLiU;
	/*color:#9e9188;*/
}

a {
	color: #9e9188;
	text-decoration: none;
	cursor:pointer;
}

button {
	cursor:pointer;
}
a:hover {

	text-decoration:underline;
}

input.text {
	border: solid #7F9DB9 1px;
	padding: 2px;
}

textarea.text {
	border: solid #7F9DB9 1px;
	padding: 2px;
}

.access {
	display: none;
}

.error {
	color: red;
}

.leftf {
	display: block;
	float: left;
}

.rightf {
	display: block;
	float: right;
	text-align: right;
}

.current_page{
	margin: 0px 4px;
	color:#00F;
}

.other_page{
	margin: 0px 4px;
	color:#FFF;
}


.hidden {
	display:none;
}

.positionreset {
	position:relative;
	top:0;
	left:0;
}
.mhidden {
	text-indent:-5000px;
}