@charset "utf-8";
/* CSS Document */
.checkpath{}
.checkpath input{ border:1px solid #bcbcbc}
.checkpath .route{ background:url(../images/path_bg.jpg)  repeat-x; background-size:3px 40px; height:40px; border-bottom:1px solid #BCBCBC;}
.checkpath td{ border-bottom:1px solid #BCBCBC; padding:5px 10px;padding-left:0;}
.checkpath th{ color:#006699; text-align:left; font-weight:400;border-bottom:1px solid #BCBCBC; padding:5px 10px; padding-right:0;}
.checkpath .red{color:#CC0000; font-size:11px;}
.checkpath .gry{color:#666666;font-size:11px;}
.checkpath .red2{color:#CC0000;}
.checkpath .redb{color:#CC0000; font-weight:bold;}
.checkpath .tips{ color:#CC0000; padding:5px 10px;border-bottom:1px solid #BCBCBC;}
.checkpath .btnset{ padding:10px 0; text-align:center;}
.checkpath .tips2 {border-top:1px solid #bcbcbc; padding:10px;}
.checkpath .tips2 li{ list-style:decimal;margin-left:20px; font-size:12px;}
.checkpath .pay{}
.confirm{}
.confirm .cotitle{ border-top:1px solid #fff; background-color:#E7E7E7; padding:10px; color:#006699;}
.confirm .title{ }
.confirm .title a{ display:block; color:#006699;}
.confirm .close{ width:17px; height:12px; background: url(../images/arrow-g.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}
.confirm .open{ width:17px; height:12px; background: url(../images/arrow-g2.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}

.confirm .item{ border-bottom:1px solid #bcbcbc; padding:10px;}
.confirm .item input{ border-bottom:1px solid #bcbcbc; font-size:15px; width:50px;}
.confirm .item li{ list-style:decimal;margin-left:20px;}
.confirm .item .sele{ margin-bottom:10px;}
.confirm .item td{border-bottom: none;}
.finish{ font-weight:bold; font-size:17px;}
.finishform{}
.finishform th{ background-color:#006699; padding:5px; color:#fff; text-align:center;}
.finishform td{ border-right:1px solid #bcbcbc ;padding:5px;}
.finishform tr.bg{ background-color:#E6E6E6;}
.finishform td.last{ border-right:none;}
.finishform td.last2{ border-bottom:none;}
.finishform li{ list-style:decimal;margin-left:20px;}
.finishform .tipss{ font-size:12px; color:#CC0000;}
.finishform .tipss2{ font-size:12px; color:#CC0000; padding:5px; border-top:1px solid #ccc;}


.material{ line-height:24px;}
.material .itemset{}
.material .itemset .title{ background-color:#E7E7E7; border-top:1px solid #fff; padding:5px 10px; color:#006699; background:url(../images/onelistbg.jpg) repeat-x; background-size:4px 60px; font-size:17px;}
.material .itemset .title a{ display:block; color:#006699;}
.material .itemset .close{ width:17px; height:12px; background: url(../images/arrow-g.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}
.material .itemset .open{ width:17px; height:12px; background: url(../images/arrow-g2.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}
.material .itemset ol{ padding:10px;}
.material .itemset li{list-style:decimal;margin-left:20px;}


.order{}
.order .otitle{ background-color:#E7E7E7; padding:10px; color:#006699; border-top:1px  solid #bcbcbc;}
.order .otitle2{ background:url(../images/product_tbg.jpg) repeat-x; background-size:11px 66px; padding:5px; text-align:center; font-size:17px; font-weight:bold; color:#CC0000;}
.order .item{ border-bottom:1px solid #bcbcbc; padding:10px;}
.order .last{ border-bottom: none;}
.order td{ border-bottom:1px solid #BCBCBC; padding:5px 10px;padding-left:0;}
.order th{ color: #006699; text-align:left; font-weight:400;border-bottom:1px solid #BCBCBC; padding:5px 10px; padding-right:0;}
.order input{ border:1px solid #bcbcbc}
.order .tips{color:#CC0000;}
.order .btnset{ padding:10px 0; text-align:center;}
.order .itemset .title{ background-color:#E7E7E7; border-top:1px solid #fff; padding:5px 10px; color:#006699; background:url(../images/onelistbg.jpg) repeat-x; background-size:4px 60px; font-size:17px;}
.order .itemset .title a{ display:block; color:#006699;}
.order .itemset .close{ width:17px; height:12px; background: url(../images/arrow-g.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}
.order .itemset .open{ width:17px; height:12px; background: url(../images/arrow-g2.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}
.order .itemset ol{ padding:10px;}
.order .itemset li{list-style:decimal;margin-left:20px;}
.order .redb{color:#CC0000; font-weight:bold;}
.order .blu{ color:#006699;}
.order .blu a{ color:#006699;}
.order .bkb{ font-size:17px; font-weight:bold;}

.orderform{}
.orderform th{ background-color:#006699; padding:5px; color:#fff; text-align:center;}
.orderform td{ border-right:1px solid #bcbcbc ;padding:5px;}
.orderform tr.bg{ background-color:#E6E6E6;}
.orderform td.last{ border-right:none;}
.orderform td.last2{ border-bottom:none;}
.orderform li{ list-style:decimal;margin-left:20px;}

/*合約pop*/
/*購物清單*/
#page .popup_contract{ position: absolute;left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; z-index:99; }
.contractbox{ position: absolute;top:20px;z-index:104; background-color:#fff;width:95%; margin-left:10px;}
.contractbox .ctitle{ background:url(../images/pro_bg.jpg) repeat-x; background-size:9px 121px; padding:10px; text-align:center; border-top:1px solid #fff; border-bottom:1px solid #999999; font-size:15px;}
.contractbox .ctitle .xx{ background:url(../images/xx.jpg) repeat-x; background-size:19px 19px; width:19px; height:19px; float:right;}
.contractbox .ctitle .xx a{ width:19px; height:19px; display:block;}
.contractbox .say{padding:5px 10px;border-bottom:1px solid #bcbcbc;}
.contractbox .say ol{ margin-left:20px;}
.contractbox .say li{ list-style:decimal;}
#scroller{}
.active{height:68px;position: relative;z-index: 1;overflow: hidden; background-color:#FFFFFF;margin-bottom:8px;padding:10px;}


.contractbox .citem{padding:10px;font-size:13px;}
.contractbox .title{background:url(../images/pro_bg.jpg) repeat-x; background-size:9px 121px; padding:10px;color:#000; border-top:1px solid #fff;}
.contractbox .close{ width:17px; height:12px; background: url(../images/arrow-g.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}
.contractbox .open{ width:17px; height:12px; background: url(../images/arrow-g2.png) no-repeat; background-size:17px 12px; float:right; margin-top:5px;}
.contractbox .check{ color:#FF0000;}

.contractbox .more .title{background:url(../images/openmore.jpg) repeat-x; background-size:9px 121px; padding:5px;color:#006699; text-align:center;}
.contractbox .more .open{ background:url(../images/arrow-g2.png) no-repeat; background-size:17px 12px;width:17px; height:12px; margin:0 auto;float: none;}
.contractbox .more .close{ background:url(../images/arrow-g.png) no-repeat; background-size:17px 12px;width:17px; height:12px; margin:0 auto;float: none;}
.contractbox .more .hidd{ border-bottom:1px solid #bcbcbc; padding:5px 10px; font-size:13px;}
.contractbox .redpics{ border-bottom:1px solid #bcbcbc; padding:5px 10px;font-size:13px; color:#C00;}

.contractbox .btnset{ text-align:center; padding:10px;}
.pop_com { padding: 10px;}


/*優惠表格*/
.remind {}
.remind .ctitle{ background:url(../images/remind_bg.jpg) repeat-x bottom; background-size:2px 17px; padding:5px; text-align:center; border-top:1px solid #676566; border-bottom:1px solid #999999; font-size:15px; background-color:#4F4F4F; color:#fff; }
.remind .ctitle .org{ border-radius: 50px; background-color:#FF9900; font-size:18px; padding:0 3px; font-weight:bold; line-height:30px;}
.remind .ctitle .org2{ color:#FF9900;}
.remind th.bg1{ background-color:#ECECEC; color:#E25B95; padding:5px;}
.remind th.bg2{ background-color:#E25B95; color:#fff; padding:5px;}
.remind td{padding:5px; font-size:13px; border-bottom:1px solid #DBDBDB; border-right:1px solid #DBDBDB;}
.remind td .red{  color:#FF0000;}
.remind td.pink{ background-color:#FFE0E3; }

.checkpath .pay input{ border:none; width:20px;}
.checkpath .pay .show{ padding-left:20px;}

td.table_message { padding: 0; display: none;}
.table_message th { padding:5px 10px; font-size:14px; background:#e3e3e3;border-bottom:1px solid #ccc; text-shadow:1px 1px 0 white; }
.table_message td { border-bottom:1px solid #ccc; padding:5px 10px; font-size:15px; background:#f7f7f7; text-align:left; color:#333; }

/**/
.contractbox .pop_com { padding: 10px;}
.contractbox .pop_com input, .popup_box .contractbox select, .contractbox .pop_com img{ vertical-align: middle;}
.contractbox .btnset{ padding:10px 0; text-align:center;}
.contractbox th.bg1{ background-color:#ECECEC; color:#E25B95; padding:5px;}
.contractbox th.bg2{ background-color:#E25B95; color:#fff; padding:5px;}
.contractbox td{padding:5px; font-size:13px; border-bottom:1px solid #DBDBDB; border-right:1px solid #DBDBDB;}
.contractbox td a{ display: block; color: #185AD4;}

.contractbox .pop_com input { background-color: #efefef; padding: 3px;}
.com_scroll { height: 300px; overflow: scroll;}