@charset "utf-8";
/* CSS Document */
.myfone_tophelpArea.noicon { margin-bottom: 15px;}
input.btn_apply { background: url(../img_buyfone/btn_apply.gif) no-repeat; cursor: pointer; width:115px; height:26px; border: none; font-size: 15px; color: #fff; font-weight: 600; padding-right:28px; padding-top: 5px \9;}
.myfone_tophelpArea.flowSet {border-bottom: 1px solid #ddd; margin-bottom:20px;}

.myfone_flowArea.bgset { background: url(../img_myfone/bg_appendix.gif) repeat-x; height: 100%;}
.myfone_flowArea { padding: 15px;}
.myfone_noteArea .line { border-bottom: 1px solid #ddd; margin: 0 0 15px; padding-top: 15px; clear:both;}
.myfone_noteArea .line02 { border-bottom: 1px solid #ddd; margin: 0 0 10px 0; height: 0px; overflow: hidden; clear:both;}
/* step */
#step{width:618px;height:100px;background:url(../img_flow/stepList_bg.gif) 0 0 no-repeat;float:left;margin-right:3px;}
ul.stepmust li div, ul.optional li div{height:22px;font-size:15px;padding-top:3px;font-weight:bold; overflow: hidden; background-repeat: no-repeat;}

/*這裡設定亮燈的數量*/
.twostep ul.stepmust li, .twostep ul.optional li{width:291px;}
.twostep ul.stepmust li div, .twostep ul.optional li div{background-image:url(../img_buyfone/step_title5.gif);}
/*end*/
div.selected{background-position:0 -50px;}
div.now{background-position:0 -25px;color:#fff;}
div.none{background-position:0 0px;}

ul.stepmust{height: 68px; background:url(../img_buyfone/must.gif) center 3px no-repeat;padding: 32px 0 0 0;float:left;padding-left:8px;}
ul.optional{height: 68px; background:url(../img_buyfone/optional.gif) center 3px no-repeat;padding: 32px 0 0 0;float:left;padding-right:6x;}
ul.stepmust li, ul.optional li{	float:left;text-align:center;list-style:none;margin:0 3px 0 0px;}
ul.stepmust li p, ul.optional li p{text-align:center;margin:10px 0 0 0;	line-height:20px;}
ul.stepmust li strong, ul.optional li strong { font-weight: 600; color: #e45c97;}
.okay{background:url(../img_buyfone/icon_ok.gif) 0 center no-repeat;padding-left:17px;}
.partition{	width:33px;	height:100px;background:url(../img_buyfone/partition.gif) 0 0 no-repeat;float:left;margin:0 -7px 0 -10px;_margin:0 -7px 0 -12px;}
.checkout{float:left;width: 100px;}
.btn_checkout {	width: 100px; height:100px; background:url(../img_buyfone/btn_checkout.gif) 0 0 no-repeat; cursor: pointer; border: none; color: #fff; font-weight: 600; padding-bottom: 35px;}
.btn_checkout.off{background:url(../img_buyfone/btn_checkout.gif) 0 -100px no-repeat;cursor: default;}
/* step end */

/**/
#buyfone_showArea { border-top: 1px solid #ddd; margin-bottom:15px; height: 100%;}
#buyfone_showArea .buyfone_showRow { border-bottom: 1px solid #ddd; height: 190px; overflow: hidden;}
#buyfone_showArea .buyfone_accBox { background: url(../img_myfone/phone_bg.jpg) 0 bottom repeat-x; width: 230px; height: 160px; float:left; position: relative; border-right: 1px solid #ddd;  padding: 15px 5px; overflow: hidden;}
.buyfone_accBox .pic {text-align: center; height: 100px; width:100px; margin: 0 5px 10px 0; float: left; }
.buyfone_accBox .txt { float: left; width: 125px;}
.buyfone_accBox h6 { font-size: 15px; margin-bottom: 0px; line-height:21px; }
.buyfone_accBox h6 a{text-decoration: none; color: #666; }
.buyfone_accBox .checkArea {margin-left: 0px; background: url(../img_buyfone/check_bg.gif) 0 0 no-repeat; width: 87px; height:21px; text-align:center; color:#fff; }
.buyfone_accBox .checkArea.on{ background-position: 0 -21px;}
.buyfone_accBox .checkArea input{ vertical-align: middle;vertical-align:baseline \9;}
.buyfone_accBox .moreArea { margin: -21px 0px 0; padding-left: 95px; text-align: left; line-height: 21px;}
.buyfone_accBox .moreArea span{font-size: 18px;color: #db474e;margin-right: 5px;}
#buyfone_showArea .lastR{ border-right: none;}


.myfone_noteArea .btnArea { margin: 30px 0 0; text-align: right;}
.myfone_noteArea .btnArea .btn_step { float:left;}
input.btn_step { background: url(../img_buyfone/btn_step.gif) no-repeat; cursor: pointer; width:57px; height:21px; border: none; font-size: 12px; color: #666;}
input.btn_next { background: url(../img_buyfone/btn_next.gif) no-repeat; cursor: pointer; width:105px; height:26px; border: none; font-size: 15px; color: #fff; font-weight: 600; padding-right:28px; padding-top: 5px \9;}

/*20110503*/
ul.conlist a{ text-decoration: none;}
ul.conlist li{ display: inline; padding-left: 10px; margin-right: 10px; background: url(../img_myfone/arrow_gray.gif) 0 center no-repeat;}
ul.conlist li.on { background: url(../img_myfone/arrow.gif) 0 center no-repeat;}
ul.conlist li.on a{ color: #e45c97;}

#myfone_searchArea {margin-bottom: 10px; height: 169px;}
#myfone_searchArea .middle{background: url(../img_myfone/searchBg.gif) 0 0 no-repeat; padding: 15px 15px 0; height: 123px;}
#myfone_searchArea ul{ border-bottom: 1px solid #ddd;}
#myfone_searchArea li{margin-bottom: 10px; position: relative;}
* html #myfone_searchArea li{margin-bottom: 8px;}
#myfone_searchArea li .selectlist { position: absolute; top: 18px; left: 39px; border: 1px solid #ddd; background-color: #fff; width: 163px; z-index: 9999; padding: 5px; overflow-x: auto; }
#myfone_searchArea li .selectlist ul { border-bottom: none; }
#myfone_searchArea li .selectlist li { margin-bottom: 5px;}
#myfone_searchArea li .selectlist li.done { border-top: 1px solid #ddd; padding-top: 5px;}
#myfone_searchArea li select{width: 165px;z-index: 1;}
#myfone_searchArea li input{width: 160px;z-index: 1;}
#myfone_searchArea .btn { text-align: right; margin-top: 5px;}