@charset "utf-8";

body {
	overflow-x:hidden;
    font:Arial, Verdana Helvetica, sans-serif;
}

/*顏色*/
.olive{
	color:#9eaf01;}
.blue a{
	color:#2475ad;}
.blue a:hover{
	color:#c34b1f;
}
.red {color:#e71010;}
.orange{
	color:#F60;}
.orange01{
	color:#F60;}
.orange a{
	color:#F60;}
.applegreen{
	color:#d3f977;}
.applegreen:hover{
	background:#78a50e;
	padding:3px;
	cursor:pointer;}
.applegreen02 {color:#139c95;}
.clearfloat{
    clear:both;
}
	
/*文字加粗*/
.bold{
	font-weight:bold;}
.colorline{
	/*background:url(images/haed_deco.jpg) repeat-x;*/
	width:100%;
	height:2px;}
#wrapper {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
    /*background-image:url(images/bg.png);*/
}
a{text-decoration:none;}
/*按鈕*/
.btn{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 10px;
  /*border:1px solid #000;*/
  float: left;
  cursor:pointer;}
.btn02{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 10px;
  /*border:1px solid #000;*/
  float: left;
  cursor:pointer;
  padding:5px 30px;
  background:#139c95;
  color:#fff;
}
.btn02:hover {
    background:#237563;
  color:#fff;
}
.btn_green{
	background-color:#009c0b;
	color:#FFF;}
.btn_green02{
	background:url(images/icon_greendeep.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-size: 11pt;
	height:29px;
	line-height:29px;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width:60px;
  text-align:center;
  float:left;
}
.btn_green02:hover{
	background-repeat:repeat-x;
	color:#FFF;
	font-size: 11pt;
	height:29px;
	line-height:29px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:60px;
	text-align:center;
	background-image: url(images/icon_greendeep02.jpg);
}
.btn_green02:active{
	position:relative;
        top:1px;
}
.btn_green02 a{
	color:#FFF;}
.btn_green:hover{
	background-color: #063;
	color:#FFF;}
.btn:active, .btn02:active {
        position:relative;
        top:1px;
    }
.btn_brown{
	background-color: #c34b1f;
	color:#FFF;
	padding: 3px 22px;
	float: right;
	font-size:16px;
	margin: 10px 0 0 0;
}
.btn_brown:hover{
	background-color:#853112;
}
.btn_gray{
	background-image: url(images/icon_gray.jpg);
	background-repeat:repeat-x;
	width:130px;
	height:36px;
	color: #555;
	}
.btn_gray:hover{
	background-image: url(images/icon_graydeep.jpg);
	color:#FFF;
	}
.btn_gray02{
	background:#f7f7f7;
	border:1px solid #d5d5d5;
	padding: 11px;}
.btn_gray02:hover{
	background: #A7A7A7;
	border:1px solid #999;
	color:#FFF;}


/*背景圖樣式*/
#wrapper .top{
	background-repeat:no-repeat;
	width:100%;
	/*background-image: url(images/bg_top.png);*/
	background-position: center top;
	height: 17px;
}
#wrapper .center{
	background-repeat:repeat-y;
	width:100%;
	/*background-image: url(images/bg_center.png);*/
	float: left;
}
#wrapper .center_login{
	background-repeat:repeat-y;
	width:100%;
	/*background-image: url(images/bg_center.png);*/
	float: left;
    height:621px;
}
#container{
	width:100%;
	/*background-color: #000;*/
	margin: 0 auto;
    *margin:0 0 0 0;/*讓主選單露出*/
    float:left;
}
#wrapper .bottom{
	background-repeat:no-repeat;
	width:100%;
	background-image: url(images/bg_bottom.png);
	background-position: center top;
	height: 36px;
	float: left;
}
/*底部資訊*/
#foot{
	background-repeat:no-repeat;
	width:100%;
	/*height:243px;*/
	float:left;
	font-size:80%;
    background:#e2eeec;
}
    #foot .content {
    width:950px;
	height:191px;
	float:left;
    background:#e2eeec;
    padding:10px;
    font-family: "微軟正黑體", "新細明體", "標楷體";
    }
    /*底部選單*/
    #foot .content ul{
	float:left;
    margin:9px 13px 0;
    }
    #foot .content ul h1{
	
    color:#129c95;
    font-family: 'Microsoft JhengHei';
    font-size:10pt;
    margin: 0 0 10px 0;
    }
    #foot .content ul li i.pointbom{
	float:left;
    margin: 5px 5px 0 0;
    width:7px;
	height:7px;
    background:url(images/icon_pointbom.png)
    }
    #foot .content ul li{
    font-size:10pt;
    color:#68a99b;
    margin:5px 0 0 0;
    }
    #foot .content ul li a{
    font-size:10pt;
    color:#68a99b;
    }
    #foot .content ul li a:hover{
    color: #393939;
    }
    #foot .bottom {
    width:950px;
	height:25px;
	float:left;
    background:#139c95;
    color:#FFF;
    font-size:10pt;
    padding:10px;
    }
    #foot .bottom span.left{
        text-align:left;
        float:left;
        line-height:30px;
    }
     #foot .bottom span.right{
        text-align:right;
        float:right;
        line-height:30px;
    }
        #foot .bottom a {
          color:#72efe9;
        }

/*logo及選單*/
#wrapTop{
	width:100%;
	height:62px;}
.logo{
	background:url(images/logo.png) no-repeat;
	width:213px;
	height:59px;
	margin: 28px 0 0 0px;
	float:left;
	}
.quickWrap{
	float:right;
	padding:5px;
	font-size:10pt;
    margin: 10px 0 0 0;
}

.quickWrap ul li{
    display:inline;
}

.quickWrap ul li a{
    color:#5a5a5a;
}
.quickWrap ul li a:hover, .quickWrap ul li.fb a:hover{
    color:#F60;
}
.quickWrap ul li.line{
    margin:0 10px;
}
    .quickWrap ul li.fb, .quickWrap ul li.fb a {color:#3b589a;
    }
.login{
	float:left;
	padding: 3px 19px 0 3px;}
/*搜尋框*/
.searchwrap {
    float:right;
    width: 750px;
}
.searchwrap .search-block{
    background:#61aba7;
    width:235px;
    float:right;
    height:25px;
    padding:3px 5px;
    margin:7px 0 0 0;
}
.searchwrap input{
    background:#61aba7;
    color:#FFF;
    line-height:25px;
    width: 215px;
    float:left;
    vertical-align:middle;
    height:25px;
}
    .searchwrap a.button {
        float:right;
        width:18px;
        height:17px;
        background:url(images/icon_search.png);
        background-repeat:no-repeat;
        margin:4px 0 0 0;
        cursor:pointer;
    }
    .searchwrap a.button:hover{
        margin:5px 0 3px 0;
    }
    .searchwrap a.button:active{
        margin:6px 0 3px 0;
    }
/*shop搜尋框*/
.shopsearchwrap {
float:right;
width:189px; 
*width:187px;
width:189px \9;
height:27px;
margin:0 0 0 10px;
}
.shopsearchwrap input{
    background-color:transparent;
    color:#959595;
    background:#f1f1f1;
    line-height:23px;
    height:23px;
    width: 152px; 
    *width: 142px;
    border:solid 1px #c2c2c2;
    padding-left:5px; 
    font-size:10pt;
    float:left;
}
    .shopsearchwrap a.button {
        float:right;
        width:29px;
        height:29px;
        background:url(images/btn_pdsearch.jpg);
        background-repeat:no-repeat;
        margin:0px 0 0 0;
        cursor:pointer;
    }
    .shopsearchwrap a.button:hover{
        margin:1px 0 0 0;
    }
    .shopsearchwrap a.button:active{
        margin:0px 0 0 0;
    }
/*上次登入時間*/
.logintime{
	float:left;
	padding: 3px 19px 0 3px;
    color:#929292;
}
.icon-man{
	background:url(images/icon.png) no-repeat;
	background-position:-12px 0px;
	width:12px;
	height:14px;
	float:left;
	margin:0 5px 0 0;}

/*主選單*/
#navWrap{
        /*float:right;
    *float:left;*/
        width:970px;
        height:87px;
        margin: 0px 0 0 0;    
        }
#navMenu{
        display: inline;
        margin: 0;
        padding: 0px;
    float:left;
    *position:relative;
}
#navMenu li{
        float: left;
        display: inline;
        margin:0 0 0 0;
}
/*申辦一卡通*/
#navMenu li a.ipass{
        display:block;
        float:left;
        background-repeat:no-repeat;
    background-image:url(images/mainnav.png);
    height:87px;
    width:138.5px;
        
}
#navMenu li a.ipass:hover, a.ipass_a{
        background-position: 0 0px;
    height:87px;
    width:138.5px;
    background-image: url(images/mainnav_hover.png);
}
/*儲值方式*/
a.prepaid, a.prepaid_a{
        display:block;
        float:left;
        height:87px;
    width:138.5px;
        background: url(images/mainnav.png) -138.5px 0;
        background-repeat:no-repeat;
}
a.prepaid:hover,a.prepaid_a{
        background: url(images/mainnav_hover.png) -138.5px 0 no-repeat;
}
/*使用範圍*/
a.range, a.range_a{
        display:block;
        float:left;
        height:87px;
    width:138.5px;
        background: url(images/mainnav.png) -277px 0;
        background-repeat:no-repeat;
}
a.range:hover,a.range_a{
        background: url(images/mainnav_hover.png) -277px 0 no-repeat;
}
/*優惠活動*/
a.preferential, a.preferential_a{
        display:block;
        float:left;
        height:87px;
    width:138.5px;
        background: url(images/mainnav.png) -415.5px 0;
        background-repeat:no-repeat;
}
a.preferential:hover,a.preferential_a{
        background: url(images/mainnav_hover.png) -415.5px 0 no-repeat;
}
/*一卡通查詢*/
a.search, a.search_a{
        display:block;
        float:left;
        height:87px;
    width:138.5px;
        background: url(images/mainnav.png) -554px 0;
        background-repeat:no-repeat;
}
a.search:hover,a.search_a{
        background: url(images/mainnav_hover.png) -554px 0 no-repeat;
}
/*記名及掛失*/
a.miss, a.miss_a{
        display:block;
        float:left;
        height:87px;
    width:138.5px;
        background: url(images/mainnav.png) -692.5px 0;
        background-repeat:no-repeat;
}
a.miss:hover,a.miss_a{
        background: url(images/mainnav_hover.png) -692.5px 0 no-repeat;
}
/*一卡通SHOP*/
a.shop, a.shop_a{
        display:block;
        float:left;
        height:87px;
    width:139px;
        background: url(images/mainnav.png) -831px 0;
        background-repeat:no-repeat;
}
a.shop:hover,a.shop_a{
        background: url(images/mainnav_hover.png) -831px 0 no-repeat;
}
/*廣告陰影*/
.border_box_shawdow {
    background: url(images/adshadow.png) repeat-x;
    width:100%;
    height:45px;
    /*float:left;*/
}
/*廣告陰影*/
.border_box {*margin:95px 0 0 0;}
/*---------查詢服務-左選單----------*/
#leftMenu{
	display: inline;
	margin: 0;
	padding: 0px;
	position: relative;
	z-index: 5;
}
#leftMenu li{
	float: left;
	display: inline;
	margin:0 0 3px 14px;
	height:40px;
	width:200px;
	background:url(images/icon_bg02.jpg);
	font:bold 12pt "微軟正黑體", "新細明體", "標楷體";
	line-height: 40px;
	list-style-image: url(images/icon.png) -218px 0;
}
#leftMenu li:hover{
	background:url(images/icon_bg01.jpg);
	color:#FFF;
	height:40px;
	width:200px;
}
/*個人資料狀態*/
a.deta, a.deta_a{
	display:block;
	float:left;
	height:30px;
	color:#519600;
}
a.deta:hover,a.deta_a{
	color:#FFF;
}
/*使用紀錄查詢*/
a.record, a.record_a{
	display:block;
	float:left;
	color:#519600;
	height:30px;
}
a.record:hover,a.record_a{
	color:#FFF;
}
/*項目符號*/
.icon-deta{
	background:url(images/icon.png) -218px 0;
	width:35px;
	height:35px;
	float: left;
margin: 3px 9px 0 6px;}
.icon-record{
	background:url(images/icon.png) -255px 0;
	width:35px;
	height:35px;
	float: left;
margin: 3px 9px 0 6px;}
.easyFn {
	float: left;
	width:30%;
	margin: 0 2px 6px 26px;
	height: 54px;
}
.icon_fone {
	background-image: url(images/icon.png);
	background-position: -288px -53px;
	width:38px;
	height:54px;
	float:left;
    margin:0 5px 0 0;
}
.icon_mail {
	background-image: url(images/icon.png);
	background-position: -328px -53px;
	width:62px;
	height:54px;
	float:left;
    margin:0 5px 0 0;
}
.icon_online {
	background-image: url(images/icon.png);
	background-position: -395px -49px;
	width:164px;
	height:54px;
	float:right;
}
.easyFn .h1 {
	font-family: "微軟正黑體", "新細明體", "標楷體";
	font-size: 20px;
	margin:0 0 0 6px;
    display:block;
}
.easyFn .h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #989898;
	margin:-7px 0 0 0;
}
.easyFn.mail{
    width:40%;
}
.easyFnRight{
    margin:0 22px 0 0;
}
.bannerWrap {
	margin:0 auto;
	width: 1014px;
	height: 382px;
	margin:5px 0 10px 26px;
	float:left;
}
/*好處/申請/掛式*/
.easybox {
	float: left;
	width:338px;
	height: 278px;
	margin: 0;
}
/*最新消息*/
.etabs { margin: 0; padding: 0;border-top:3px solid #eee;border-bottom:3px solid #eee; }
.tab-news{ display: inline-block; zoom:1; *display:inline; border-bottom: none;  font-family:"微軟正黑體", "新細明體", "標楷體";margin:-2px 0 0 0;}
.tab-news a { font-size: 11pt; line-height: 2em; display: block; padding: 1px 22px; outline: none; color:#666666; text-decoration:none;}
.tab-news a:hover { background: #ff4800; color:#FFF;}
.tab-news.active { background: #ff4800; position: relative; top: 0px; border-color: #666; font-weight:normal;}
.tab-news a.active {color:#FFF; text-decoration:none; }
.tab-container{width:328px; height:280px;margin: 10px 0 0 0;}
.tab-container .panel-container { background: #fff;padding: 10px 10px 10px 10px;width: 315px; height: 222px; 
}
    .panel-container { margin-bottom: 10px; }
/*最新消息內文*/
ul.tab-news01 i {background-image: url(../images/icon_point.png);width:12px; height:12px; float:left; margin:8px 5px 0 0px;}

ul.tab-news01{float:left; font-family:"微軟正黑體", "新細明體", "標楷體"; font-size:12pt; width: 348px;
white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; list-style:none;margin:0 0 5px 0;}
ul.tab-news01 li a{color:#666666; text-decoration:none;*float:left; *width:300px;}
ul.tab-news01 li a:hover{color:#ff4800;}
ul.tab-news01 li{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; margin: 0 0 0 2px;width: 303px;*width: ;height: 30px; font-size:10pt;border-bottom:1px solid #ccc;line-height:30px;}
.learnmore{text-align: right; font-size:10pt;}
ul.tab-news01 li span.nnews{ *float:left; word-break:break-all;}
.learnmore a{ text-decoration:none;color:#666666;}
.learnmore a:hover, .learnmore span{ text-decoration:none;color:#ff4800;}
.learnmore span{ margin:6px 7px 0 0px;}

.easybox02 {
	float: left;
	width:328px;
	height: 288px;
	margin: 0;
}
.easybox03 {
	float: left;
	width:275px;
	height: 288px;
	margin: 0;
}
.easybox03 a {
    color:#666666;
    font-size:10pt;
}
.easybox03 a:hover {
    color:#ff4800;
}
.easyboxline {
    background-image: url(images/line02.png);
    float: left;
    width: 9px;
	height: 240px;
    margin:20px 0 0 0;
}
.easyboxline02 {
    background-image: url(images/line01.png);
    float: left;
    width: 970px;
	height: 8px;
    margin: 3px 0 0 0;
}
/*合作廠商連結*/
.linkbom{
	background-repeat:no-repeat;
	width:100%;
	height:122px;
	float:left;
	margin: 10px 0 0 0;
	}
ul.linkbomslide {
    width:100%;
	height:121px;
	float:left; margin: 13px 0 0 0;
}
    ul.linkbomslide li {
        width:226px;
	height:121px;
	float:left; margin: 0 8px;
    }
/*頁碼*/

DIV.black2 {   
	TEXT-ALIGN: center;
	line-height:77px;
    font-family:Verdana;
    font-size:10pt;
}
DIV.black2 A {
	padding: 11px 14px 13px 12px; /*寬高*/
	MARGIN: 0px;
	COLOR: #7e7e7e;
	TEXT-DECORATION: none;
	background:url(images/page02.jpg) repeat-x;
}
DIV.black2 A:hover {
	padding: 11px 14px 13px 12px;
    COLOR:#FFF;
	BACKGROUND-COLOR: #EBEBEB;
	background:url(images/page_hover02.jpg) repeat-x;
}
DIV.black2 A:active {
	padding: 10px 14px 13px 12px;
}
DIV.black2 SPAN.current {
	padding: 11px 12px 13px 12px;  /*寬高*/
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	COLOR:#FFF;
	background:url(images/page_hover.jpg) no-repeat;
}
/*最前頁*/
DIV.black2 SPAN.disabled {
	MARGIN: 0px;
	COLOR: #000;
	background:url(images/page_pre.jpg);
    cursor:pointer; color:#139c95;
}
DIV.black2 SPAN.disabled:hover {
	background:url(images/page_prehover.jpg) no-repeat;
    cursor:pointer; color:#fff;
}
DIV.black2 SPAN.disabled a{
	PADDING: 11px 12px;
	MARGIN: 0px;
	COLOR: #000;
	background:url(images/page_pre.jpg);
    cursor:pointer; color:#139c95;
}
DIV.black2 SPAN.disabled a:hover {
	background:url(images/page_prehover.jpg) no-repeat;
    cursor:pointer; color:#fff;
}
DIV.black2 SPAN.disabled:active {PADDING: 10px 12px;}
/*最後頁*/
DIV.black2 SPAN.disabled2 {
	PADDING: 11px 14px;
	MARGIN: 0px;
	COLOR: #000;
	background:url(images/page_next.jpg);
    cursor:pointer; color:#139c95;
}
DIV.black2 SPAN.disabled2:hover {
	background:url(images/page_nexthover.jpg) no-repeat;
    cursor:pointer; color:#fff;
}
/*上一頁*/
DIV.black2 SPAN.prev a {
	PADDING: 11px 13px;
	MARGIN: 0px;
	background:url(images/page_next.jpg) no-repeat;
    cursor:pointer;color:#139c95;
}
DIV.black2 SPAN.prev a:hover {
	PADDING: 11px 13px;
	background:url(images/page_nexthover.jpg) no-repeat;
    cursor:pointer;  color:#fff;
}
DIV.black2 SPAN.prev a:active {PADDING: 10px 18px;}

/*下一頁*/
DIV.black2 SPAN.next a {
	PADDING: 11px 19px;
	MARGIN: 0px;
	background:url(images/page_next.jpg) no-repeat;
    cursor:pointer;color:#139c95;
}
DIV.black2 SPAN.next a:hover {
	PADDING: 11px 19px;
	background:url(images/page_nexthover.jpg) no-repeat;
    cursor:pointer;  color:#fff;
}
DIV.black2 SPAN.next a:active {PADDING: 10px 18px;}
DIV.black2 SPAN.total {
	color:#8a8a8a;
	margin-left: 28px;
}

.h50 {
    float:left;
    width:100%;
    height:23px;
}
/*表格*/
table.tb-news{
	float: left;
	margin: 21px 0px 0 0;
	color:#6b6969;
	font-size:10pt;
	font-family: "新細明體", "標楷體";
	width: 60%;
}
table.tb-news th{
	text-align:left;
	height: 16px;
}
table.tb-news td{
	line-height:21px;
}
/*表格:登錄記名卡*/
.tb-Bearer {
    float: left;
    width:100%;
    margin:0 0 10px 0;
}
.tb-Bearer th{
    font-weight:normal;
    font-size:11pt;
    padding:5px;
}
.tb-Bearer td{
    line-height:26px;
    height:26px;
    padding:5px;
}
    .tb-Bearer td span {color:#139c95; font-size:10pt;}
    .tb-Bearer input { border:solid 1px #d9d9d9; padding:5px 10px; width:120px;}

/*表格:登錄記名卡*/
.tb-Bearer02 {
    float: left;
    width:100%;
    margin:20px 0 0 0;
}
.tb-Bearer02 th{
    font-weight:normal;
    font-size:11pt;
    padding:5px;
    border-bottom:1px solid #ddd;
    background:#f5f5f5;
    text-align:left;
    color:#666666;
}
.tb-Bearer02 td{
    line-height:26px;
    height:26px;
    padding:5px 5px;
    border-bottom:1px solid #ddd;
    font-size:11pt;
}
    .tb-Bearer02 td span {float: left; margin:0 10px 0 0;
    }

.tb-Bearer02 td input,
.tb-Bearer02 th input,
.tb-Bearer02 td select{
    border: 1px solid #ccc;
    padding: 3px;
}

.tb-Bearer02 input.btn02{
    padding: 5px 30px;
    border:0;
}

/*表格:VoucherCoupon優惠券兌換券*/
.tb-VoucherCoupon {
    float: left;
    width:100%;
    margin:20px 0 0 0;
}
.tb-VoucherCoupon th{
    font-weight:normal;
    font-size:11pt;
    padding:5px;
    border-bottom:1px solid #ddd;
    text-align:left;
    color:#666666;
}
.tb-VoucherCoupon td{
    line-height:26px;
    height:26px;
    padding:5px 5px;
    border-bottom:1px solid #ddd;
    font-size:11pt;
}
    .tb-VoucherCoupon td span {float: left; margin:0 10px 0 0;
    }

.tb-VoucherCoupon td input,
.tb-VoucherCoupon th input,
.tb-VoucherCoupon td select{
    border: 1px solid #ccc;
    padding: 3px;
}

.tb-VoucherCoupon input.btn02{
    padding: 5px 30px;
    border:0;
}

/*瀏覽器小於1200px*/
@media only screen and (max-width : 1200px) {
	#wrapper {
		/*position: relative;
		left: -21px;*/
		}
}
/*瀏覽器小於1024px*/
@media only screen and (max-width : 1024px) {
    .logo{
	margin: 12px 0 0 0;
	}
	/*主選單*/
	#navWrap{
	margin: 11px 0 0 0;
	}
	#wrapper {
		/*position:relative;
		left:-57px;*/
		}
	#foot p {
	margin: 0 0 0 178px;
}
#foot .icon_gov {
	margin: 12px 92px 0 0;
}
}

/*錯誤頁面*/
.erwrap {
float:left;
width:100%;
height:356px;
background:url(images/error_bg.jpg) no-repeat;
}
.erwrapword {
    float:left;
width:243px;
height:96px;
margin: 76px 0 0 252px;
font-family:"微軟正黑體", "新細明體", "標楷體"; font-size:12pt; color:#4d4d4d; line-height: 22px;
}
/*清單*/
ul.bearer {
}
ul.bearer h1{font-size:11pt; letter-spacing:1px; line-height:30px; margin:0 0 0px 0;}
    ul.bearer h1:hover {}
    ul.bearer li {line-height:24px;font-size:10pt;letter-spacing:0px; color:#666666;}


/*********************************購物*****************************************/

.orderForm .editor-field {
    margin-bottom: 15px;
}

.orderForm .editor-field input[type="text"],input[type="tel"], input[type="email"] {
    height: 20px;
    width: 400px;
}

.orderForm textarea {
    height: 300px;
    width: 400px;
}

.orderForm #orderForm-addressDetail input[type="text"] {
    width: 60px;
    margin-right: 5px;
}

#order-productItems {
   border-bottom: 1px dotted #D3D3D3;
}

#order-orderHeaderDetail div {
    margin-top: 10px;
}

#orderNavigator {
    list-style: none;
    font-weight: bold;
    margin:0;
    padding:0;
    cursor: default;
}

#orderNavigator li {
    color: darkgray;
    padding: 10px;
    display: inline-block;
    
}

#orderNavigator li.selected {
    color: red;
}

.checkout-button-bottom {
    height: 90px;
    width: 100%;
    border-top: 1px dotted #D3D3D3;
    padding: 5px;
}

.checkout-button-bottom * {
    margin-left: 15px;
    border-style: ridge;
}
.checkout-button-bottom-right {
    float:right;
}

.important-button {
    padding: 8px;
    color: white;
    font-size: 130%;
    font-weight: bold;
    cursor: pointer;
    border:1px solid #D3D3D3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #FF4500;
}

.important-button:hover {
    -moz-box-shadow: 0px 0px 4px 2px #D3D3D3;
    -webkit-box-shadow: 0px 0px 4px 2px #D3D3D3;
     box-shadow: 0px 0px 4px 2px #D3D3D3;
     color:white;
     text-decoration: none;
}

#checkOutForm button, #checkOutForm btn, #checkOutForm input{
	border-style: ridge;

}


/* Pager */
.pager2{
    margin:8px 3px;
    padding:3px;
}
.pager2 .disabled{
    border:1px solid #ddd;
    color:#999;
    margin-top:4px;
    padding:3px;
    text-align:center;
}
.pager2 .current{
    border:0px hidden;
    font-weight:bold;
    margin-top:4px;
    padding:3px 5px;
    text-align:center;
}
.pager2 span, .pager a{
    margin: 4px 3px;
}
.pager2 a{
    border:1px solid #c0c0c0;
    padding:3px 5px;
    text-align:center;
    text-decoration:none;
    margin: 1px;
}

/* 登錄記名卡 */
.form-style-res{
    margin:10px 0 0 0;
}

.form-style-res .block{
  display:inline-block;
  width:48%;
  vertical-align:top;
  overflow:hidden;
}

.form-style-res .left{
    float:left;
}

.form-style-res .right {
    width:50%;
    margin:0 0 5px 0;
}

.form-style-res .left label{
  font-weight:bold;
  font-size:96%;
  color:#333;
  display:block;
  padding:7px 5px;
  margin:15px 0 0 0;
  background:url(images/form-line.jpg) repeat-x;
  width: 74%;
}

.form-style-res input{
  border: 1px solid #D9D9D9;
  padding: 5px 10px;
  width:70%;
}

.form-style-res .des-text{
    font-size:80%;
    color:#009185;
    display:block;
    margin:3px 0;
}

.form-style-res .btn-style{
    margin: 5px 10px 0 0;
    text-align:left;
}