/*注意:這個universal.css與美編提供的CSS已經不同不了...@@ */
.clr {
    clear: both;
    display: block;
}
#wrapper-box { margin:0 auto; width:1200px; background-color:#fff;}
#container {/*height:1200px;*/width:100%; display:inline-block; margin-bottom:10px;}
#navleft-box {width:226px; float:left; margin-left:-2px; position:relative; z-index:3;}
#main-box {width:970px; float:right; }
#middle-box {width:100%; display:inline-block;}
#middle-content {width:775px; float:left;}
#middle-right {width:185px; float:right;}

/*----輸入框設定-----*/
input, textarea, select {padding:5px 3px; margin:0; border:1px solid #aaa; color:#666; vertical-align:middle !important; margin-right:3px;}
input:focus, textarea:focus, select:focus{background-color:#fff3c0;}
input[type=checkbox],input[type=radio]{border:0; margin-bottom:0!important;}
input.middle-width {width:300px;}
input.small2-width {width:100px;}
input.tiny-width {width:60px;}

/*------錯誤提示-----*/
.err-box-off .err-frame{border:0; padding:0; margin:0;}
.err-box-on .err-frame{border:2px solid #ff1a1a; border-radius:3px; padding:3px; margin:0; overflow:hidden; display:inline-block;}
.err-box-off .err-msg-box{display:none;}
.err-box-on .err-msg-box{margin-bottom:8px; padding-top:9px; *padding-top:10px; background:url(../images/err-triger.gif) 20px 0 no-repeat; *background:url(../images/err-triger.gif) 20px 1px no-repeat; display:block;}
.err-msg-box span{padding:2px 6px 4px; border-radius: 3px; font:normal 13px/1.4 Arial, Helvetica, sans-serif; color:#fff; text-align:left; background-color:#ff1a1a; display:inline;}
.err-msg-box span a{padding:0 4px; color:#fff; font-weight:600; text-decoration:underline;}

/*長度*/
.long-width {width:80%;}
.small-width {width:20%;}

/*****************************
 ***** 內容外框全站版頭 ******
 *****************************/
 /*共用*/a{color:#025597;}
/*共用*/a:hover{color:#e90063;}
/*共用*/*{*font-weight:100;}
/*共用*/#contarea-box {width:970px; margin:0 auto 10px; }
/*共用*/#contarea-box .head_panel {width:100%; height:100px; background:url(../images/subhead_wall.gif) no-repeat right; position:relative;}
/*共用*/#contarea-box .head_panel .left_panel {height:100px; background:url(../images/subhead_wall2.gif) no-repeat;}
/*共用*/#contarea-box .head_panel .left_panel h2{font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; color:#fe7501; font-size:22px; background:url(../images/subhead_ui.png); padding-left:46px; height:46px; line-height:46px; margin:10px 0 0 15px; display:inline-block;}
/*共用*/h2.my_account{background-position:0px 0px!important; /*我的帳戶*/}
/*共用*/h2.order_state{background-position:0px -50px!important; /*訂單狀態查詢*/}
/*共用*/h2.order_detail{background-position:0px -100px!important; /*訂單明細*/}
/*共用*/h2.order_change{background-position:0px -150px!important; /*換貨*/}
/*共用*/h2.order_withdraw{background-position:0px -200px!important; /*退貨*/}
/*共用*/h2.member_login{background-position:0px -250px!important; /*會員登入*/}
/*共用*/h2.forget_password{background-position:0px -300px!important; /*忘記密碼*/}
/*共用*/h2.message_page{background-position:0px -350px!important; /*訊息頁*/}
/*共用*/h2.order_cart{background-position:0px -400px!important; /*購物車頁*/}
/*共用*/h2.order_cancel{background-position:0px -450px!important; /*取消訂單*/}
/*共用*/h2.order_check{background-position:0px -400px!important; /*訂單結帳*/}
/*共用*/h2.order_credit{background-position:0px -500px!important; /*信用卡*/}
/*共用*/h2.custmer_service{background-position:0px -550px!important; /*客服問答*/}
/*共用*/h2.modify_mbdata{background-position:0px -600px!important; /*修改會員資料*/}
/*共用*/h2.modify_password{background-position:0px -650px!important; /*修改密碼*/}
/*共用*/h2.member_apply{background-position:0px -700px!important; /*加入會員*/}
/*共用*/h2.point_coupon{background-position:0px -800px!important; /*查詢購物金&福利點*/}
/*共用*/h2.start_cwm{background-position:0px -850px!important; /*啟用福利點*/}
/*共用*/h2.view_hgpoint{background-position:0px -750px!important; padding-left:52px!important; /*查詢HAPPYGO點數*/}
/*共用*/#contarea-box .comzone{margin-top:-18px; border-left:1px #d3d3d3 solid; border-right:1px #d3d3d3 solid; border-bottom:1px #d3d3d3 solid; position:relative; z-index:9; *padding-bottom:30px;}
/*共用*/#contarea-box .comzone .descrip{font-size:13px;  font-size:15px\9; color:#666; margin:-28px 0 40px 60px;}
/*共用*/#contarea-box .comzone2{background-color:#ddd; position:relative; z-index:9; font-size:13px; display:inline-block; width:100%; margin-bottom:2px;}
/*共用*/.buttonarea {padding:16px 0; text-align:center; display:table; width:100%; background-color:#eee; border-top:1px solid #ccc; position:relative; }/*按鈕區*/
/*共用*/.main_btn {margin:0 5px; padding:0 20px; line-height:32px; background: url(../images/main-btn-bg.gif) left center repeat-x; font-weight:600; color:#3d3d3d; cursor:pointer; border:1px solid #aeaeae;}
/*共用*/.main_btn:hover, .buttonarea .normal-btn:hover {border:1px solid #666;}
/*共用*/.normal-btn {margin:0 5px; padding:0 20px; line-height:32px; background: url(../images/normal-btn-bg.gif) left center repeat-x; font-weight:600; color:#3d3d3d; cursor:pointer; border:1px solid #aeaeae;}
/*共用*/.notice{position:relative; border:1px dotted #ccc; border-radius: 5px 5px 5px 5px; padding:20px; /*background-color:#f4f4f4;*/ font-size:12px; line-height:20px; color:#666; margin:0px 0px 15px; clear:both;}
/*共用*/.notice h6{font-size:13px; font-weight:800; padding:0 10px; height:22px; line-height:20px; line-height:24px\9; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#666; position:absolute; top:-10px; left:20px; color:#fff;}
/*共用*/.notice b {font-weight:800; color:#333;}
/*共用*/.notice ul{padding-left:20px; list-style-type:disc;}
/*共用*/.notice ul li{padding:0 0 6px;}
/*共用*/.notice ul li .red-txt{font-weight:800; color:#f00;}
/*共用Mask*/.mask{display:none;/**/ background-color: #000; opacity:0.7; filter:alpha(opacity=70); height:100%; width:100%; position:fixed; left:0px; top:0px; z-index:1001;}
/*共用Mask*/.message_box{display:none; padding:10px 20px; border:1px solid #999; width:280px; background-color:#fff; margin:0 auto; opacity:1; filter:alpha(opacity=100); position:absolute; z-index:2000; box-shadow: 0px 0px 30px 0px #555; font-size:13px; color:#333; line-height:18px;}
/*共用Mask*/.message_box.large{border:5px solid #999; font-size:13px; color:#666; width:600px; position:absolute; top:270px; padding:0; *padding-top:30px;}
/*共用Mask*/.message_box.large .head{margin:15px 30px 0 30px; font-size:13px; color: #666; margin-bottom:10px;}
/*共用Mask*/.message_box.large .head h4{font-family: "微軟正黑體","sans-serif"; font-size: 21pt; color: #333; margin-bottom:10px; font-weight: bold; line-height: 1em; letter-spacing:-.05em;}
/*共用Mask*/.message_box.large .attention{color:#f00;}
/*共用Mask*/.message_box li{padding:4px 0px;}
/*共用Mask*/.message_box h6{display:inline-block; float:left; height:20px;}
/*共用Mask*/.message_box b{width:17px; height:6px; background:url(../images/subhead_ui.png) -600px 0px; margin:-15px auto 10px; display:block;}
/*共用Mask*/.message_box .close{width:11px; height:11px; background:url(../images/subhead_ui.png) -650px 0px; position:absolute; display:block; right:5px; top:5px; cursor:pointer;}
/*共用提示bar*/.reminder-box {position:relative; display:none; background:#ff638a url(../images/mess_ui.png) 12px 8px; margin:7px auto!important; z-index:9; clear:both;}
/*共用提示bar*/.reminder-box .tipicon{width:7px; height:7px; background:url(../images/mess_ui.png); position:absolute; left:30px;}
/*共用提示bar*/.reminder-box .tipicon.top{top:-7px; background-position: -50px -200px;}
/*共用提示bar*/.reminder-box .tipicon.down{bottom:-7px; background-position: 0px -200px;}
/*共用提示bar*/.reminder-box .remindercont {margin:6px 16px 6px 34px; font-size:13px; color:#fff; line-height:18px;}
/*共用提示bar*/.reminder-box .remindercont a{color:#fff; text-decoration:underline;}
/*共用提示bar*/.reminder-box .remindercont h4{font-weight:800; height:24px; display:inline-block; float:left; color:#fffe8f; margin-right:6px;}
/*共用提示bar*/.reminder-box .remindercont .selitem{font-size:15px; color:#fffea4; margin-right:10px;}
/*共用提示bar*/.reminder-box .remindercont .selitem input{ margin-right:3px;}

.cartarea .comzone2 .cartform_cell .warning {
    background-color: #ffeeee;
    float: left;
    margin-top: 8px;
    padding: 6px 0;
    width: 100%;
}
.warningtip {
    background: url("../images/cart_ui.png") no-repeat scroll 0 -798px rgba(0, 0, 0, 0);
    color: #333;
    font-size: 13px;
    font-weight: 100;
    margin-left: 10px;
    padding-left: 16px;
    text-align: left;
}
.warningtip b {
    color: #f00;
    font-weight: 100;
    margin: 0 3px;
}


/*****************************
 ******* 全區訊息框 ********
 *****************************/
/*共用訊息頁*/.messagezone {margin:-30px 0 30px 0; border-left:1px #d3d3d3 solid; border-right:1px #d3d3d3 solid; border-bottom:1px #d3d3d3 solid; position:relative; z-index:9; display:inline-block; width:100%; box-sizing:border-box;}
/*共用訊息頁*/.message_block {font-size:13px; color:#666; line-height:22px; margin:30px auto 60px; padding:6px 0 0 80px; min-height:60px; width:65%; background:url(../images/mess_ui.png) 0px -250px;}
/*共用訊息頁*/.message_block h4{font-family: "微軟正黑體","sans-serif"; font-size: 20pt; color: #cb1919; margin-bottom:10px; font-weight: bold; line-height: 1.2em; letter-spacing:-.02em;}
/*共用訊息頁*/.message_block h4 span{white-space:nowrap;}
/*共用訊息頁*/.message_block .important_mess {font-size:15px; color:#e65655; margin:0 5px;}
/*共用訊息頁*/.message_block.warning {background-position:-808px -250px;}
/*共用訊息頁*/.normal_message_block {font-size:13px; color:#666; line-height:22px; margin:10px auto 40px; min-height:60px; width:86%;}
/*18禁*/.eighteen_box {height:266px; margin:10px 20px; font-size:15px; display:block; background:url(../images/eighteen.gif) no-repeat 0px 0px; padding:30px 0 0 190px; font-family:verdana, 'Microsoft JhengHei';}
/*18禁*/.eighteen_box h3{font-size:50px; letter-spacing:-.05em; line-height:50px; margin:0 0 10px 0; color:#000;}
/*18禁*/.eighteen_box h4.import{font-size:24px; line-height:24px; color:#c10002; margin:0 0 6px 0;}
/*18禁*/.eighteen_box blockquote{border:1px solid #aaa; font-size:14px; line-height:20px; background-color:#f4f4f4; padding:20px 10px; margin:10px 0;}
.r18{border:5px solid #eee;background-color:#fff;    box-shadow:0 0 30px 0 #555;    color:#666;    font-size:13px;    line-height:18px;position:fixed;    z-index:2000;left:50%;top:50%;width:630px;height:382px;padding:0;    margin:-191px 0 0 -315px;}
.r18 .eighteen_box blockquote{margin:10px 10px 10px 0;}