/*-------------------------------------------------------------------------------------*/
/* LOGIN & REGISTER  */
.direct_path_area .direct_path { font-weight: bold; }

.login_content { }
.login_content .common_title { margin:0;  }

.login_area { min-height:400px; padding:20px 0; margin:0 -15px; font-size:14px; color:#333333; line-height:18px; }
.login_area .login_item { float:left; width:50%; padding:15px; box-sizing:border-box; }
.login_area .login_item:first-child { padding:15px; }
.login_area .login_box { width:100%; padding:20px; border:1px solid #cccccc; box-sizing:border-box; }
.login_area .login_box_title { padding-bottom:20px; font-size:20px; color:#333333; }
.login_area .login_box_content { min-height:260px; font-size:16px; color:#333333; }
.login_area .login_box_content p { }
.login_area .login_box_content label { display:block; padding-top:14px; }
.login_area .login_box_content input[type=password], 
.login_area .login_box_content input[type=email], 
.login_area .login_box_content input[type=text] { display:block; width:100%; height:26px; padding:0 5px; box-sizing:border-box; border:1px solid #cccccc; margin-top:4px; box-sizing:border-box; line-height:26px; font-size:16px; color:#333333; }
.login_area .login_box_content a { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-top:4px; font-size:14px; color:#333333; }
.login_area .login_box_content a:hover { text-decoration:underline; }
.login_area .login_box_content .login_error_statement{ color:#FF0000; font-size:14px; padding-left:15px; display:none; }
.login_area .login_box_btn { text-align:center; }
.login_area .login_box_btn button, 
.login_area .login_box_btn input[type=submit], 
.login_area .login_box_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; height:36px; border:none; background-color:#11b3ec; margin:0 auto; border:1px solid #cccccc; box-sizing:border-box; border-radius:0; font-size:16px; line-height:34px; color:#ffffff; cursor:pointer; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.login_area .login_box_btn button:hover, 
.login_area .login_box_btn input[type=submit]:hover, 
.login_area .login_box_btn a:hover { background-color:transparent; color:#333333; }

.forgot_pwd_area { }
.forgot_pwd_area .msg_box { padding:0px 20px 50px 20px; box-sizing:border-box; }
.forgot_pwd_area .msg_box .msg_change_error { color:#FF0000; }
.forgot_pwd_area .login_item { float:none; width:70%; margin:0 auto; }
.forgot_pwd_area .login_box_content { min-height:120px; }

.register_area { width:100%; max-width:620px; min-height:400px; padding:20px 10px; margin:0 auto; box-sizing:border-box; }
.register_area .register_row { text-align:center; }
.register_area .register_row label { display:block; padding-top:14px; text-align:left; }
.register_area .register_row label span { color:#ff0000; }
.register_area .register_row select,
.register_area .register_row input[type=password], 
.register_area .register_row input[type=email], 
.register_area .register_row input[type=text], 
.register_area .register_row textarea { display:block; width:100%; border:1px solid #cccccc; margin-top:4px; box-sizing:border-box; outline:none; font-size:16px; color:#333333; }
.register_area .register_row select,
.register_area .register_row input[type=password], 
.register_area .register_row input[type=email], 
.register_area .register_row input[type=text] { height:26px; padding:0 5px; line-height:26px; }
.register_area .register_row input[type=text][readonly=readonly] { color: #cccccc;}
.register_area .register_row textarea { height:78px; padding:5px; line-height:normal; resize:none; font-size:16px; }
.register_area .register_row textarea[readonly=readonly] { color: #cccccc;}
.register_area .register_btn { padding:22px 0; margin:0 -4px; font-size:0; }
.register_area .register_row input[type=button], 
.register_area .register_btn input[type=button], 
.register_area .register_btn input[type=reset], 
.register_area .register_btn input[type=submit] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; height:36px; border:none; background-color:#11b3ec; margin:8px 4px; border:1px solid #cccccc; border-radius:0; box-sizing:border-box; font-size:16px; line-height:34px; color:#ffffff; cursor:pointer; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.register_area .register_row input[type=button]:hover, 
.register_area .register_btn input[type=buttin]:hover, 
.register_area .register_btn input[type=reset]:hover, 
.register_area .register_btn input[type=submit]:hover { background-color:transparent; color:#333333; }
.register_area .register_row span.registration_error{ color:#FF0000; display:none; font-size:14px; padding-left:15px; }
.register_area .register_row.row_option  { text-align:left; }
.register_area .register_row.row_option input[type=radio],
.register_area .register_row.row_option input[type=checkbox] { position: absolute; margin-top: 20px; }
.register_area .register_row.row_option label { padding-left: 30px; }
.register_area .register_row .remarks { text-align:left; font-size: 14px;  }
.register_area .group_password_entry_show { display: none; }
.register_area .group_edit { display: none; }
.register_area .msg_box { padding: 20px; margin-bottom: 20px; box-sizing:border-box; border: solid gainsboro 1px; background-color: whitesmoke; }

.captcha_title { text-align: left; }
.btn_refresh_captcha { width: 30px; xpadding-bottom: 12px; padding-left: 5px; cursor: pointer; }

/*-------------------------------------------------------------------------------------*/
/* CHECKOUT  */

.checkout_content { min-height: 300px; display: inline-block; width: 100%; }
.checkout_content .common_title { margin:0; }
.checkout_content .msg_box { margin-top: 20px; margin-bottom: 50px; }

.checkout_area { padding:20px 0; }
.checkout_area .checkout_box { width:100%; padding:20px; border:1px solid #cccccc; box-sizing:border-box; color:#555555; }
.checkout_area .checkout_box .item_field { display:inline-block; zoom:1; *display:inline; vertical-align:middle; box-sizing:border-box; position:relative; text-align:center; }
.checkout_area .checkout_topic { padding:0 15px 10px 15px; border-bottom:1px solid #cccccc; box-sizing:border-box; font-size:0; }
.checkout_area .checkout_topic .item_field { font-size:18px; }

.checkout_area .checkout_item_list { width:100%; }
.checkout_area .checkout_item { min-height:100px; padding:15px; border-top:1px dashed #cccccc; box-sizing:border-box; font-size:0; }
.checkout_area .checkout_item:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100px; }
.checkout_area .checkout_item:first-child { border-top:none; }
.checkout_area .checkout_item .item_field { font-size:14px; }
.checkout_area .checkout_item .item_field b { display:none; position:absolute; left:0; top:0; font-size:16px; font-weight:bold; }
.checkout_area .checkout_item .item_field span { }
.checkout_area .checkout_item.exclude_country { background-color: whitesmoke; }
.checkout_area .checkout_item .item_field.checkout_item_code { display: none; }

.checkout_area .checkout_item_photo { width:15%; height:70px; padding-right:20px; text-align:left; }
.checkout_area .checkout_item_photo img { max-width:100%; max-height:100%; }
.checkout_area .checkout_item_info { width:80%; text-align:left !important; font-size:0 !important; }
.checkout_area .checkout_item_name { width:30%; text-align:left !important; }
.checkout_area .checkout_item .checkout_item_name a { color:#555555;  }
.checkout_area .checkout_item .checkout_item_name a:hover { color:#0e223d;  }
.checkout_area .checkout_item_color { width:10%; }
.checkout_area .checkout_item_size {  width:10%;}
.checkout_area .checkout_item_price { width:18%; }
.checkout_area .checkout_item_price span.checkout_item_unit_price  { color: #cc6633; }
.checkout_area .checkout_item_price span.prd_normal_price  { color: #555555; }
.checkout_area .checkout_item_org_price del { font-size: 13px; color: #555555; }
.checkout_area .checkout_item_qty { width:20%; }
.checkout_area .checkout_item_qty .qty_field { width:100%; max-width:108px; position:relative; margin:0 auto; }
.checkout_area .checkout_item_qty .qty_field input[type=text] { width:100%; height:30px; padding:0 28px; border:1px solid #cccccc; box-sizing:border-box; outline:none; line-height:28px; text-align:center; }
.checkout_area .checkout_item_qty .qty_field a { position:absolute; top:0; width:28px; height:30px; background-color:#25b2e9; color:#ffffff; line-height:30px; font-size:24px; text-align:center; }
.checkout_area .checkout_item_qty .qty_field a.qty_plus { right:0; }
.checkout_area .checkout_item_qty .qty_field a.qty_less { left:0; }
.checkout_area .checkout_item_qty .qty_field a:hover { background-color:transparent; color:#555555; }
.checkout_area .checkout_item_qty .qty_field a.qty_plus:hover { right:0; border-left:1px solid #cccccc; }
.checkout_area .checkout_item_qty .qty_field a.qty_less:hover { left:0; border-right:1px solid #cccccc; }
.checkout_area .checkout_item_qty .checkout_out_of_stock { color: red; }
.checkout_area .checkout_item_out_of_stock { max-width:18%; }
.checkout_area .checkout_item_total {  width:18%; }
.checkout_area .checkout_item_delete { width:5%; text-align:right !important; }
.checkout_area .checkout_item_delete a { display:inline-block; vertical-align:middle; width:30px; height:24px; background-color:#aaaaaa; border-radius:4px; color:#ffffff; line-height:24px; text-align:center; font-size:18px; }
.checkout_area .checkout_item_delete a:hover { background-color: #cc0000; } 
.checkout_area .checkout_topic .checkout_item_photo { height:auto; }

.checkout_area .checkout_total_side { padding:10px 15px 0 520px; border-top:1px solid #cccccc; box-sizing:border-box; position:relative; }
.checkout_area .checkout_discount_row { position:absolute; left:15px; top:0; width:calc(100% - 370px); xheight:100%; padding-top:10px; box-sizing:border-box; font-size:0; }
.checkout_area .checkout_discount_row:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.checkout_area .checkout_discount_row form { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:100%; }
.checkout_area .checkout_discount_row label { display:block; padding-bottom:6px; font-size:18px; }
.checkout_area .checkout_discount_row input[type=text], 
.checkout_area .checkout_discount_row input[type=email], 
.checkout_area .checkout_discount_row input[type=button] { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; height:26px; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; color:#555555; line-height:16px; }
.checkout_area .checkout_discount_row input[type=email],
.checkout_area .checkout_discount_row input[type=text] { width:calc(100% - 204px); max-width:300px; padding:0 5px; margin-right:4px; }
.checkout_area .checkout_discount_row input[type=button] { width:160px; background-color:#11b3ec; color:#ffffff;cursor:pointer; }
.checkout_area .checkout_discount_row input[type=button]:hover { background-color:transparent; color:#555555; }
.checkout_area .checkout_discount_row .remarks { font-size: 12px; }
.checkout_area .checkout_price_area { width:100%; min-height:96px; padding-left:40px; border-left:1px solid #cccccc; box-sizing:border-box; }
.checkout_area .checkout_price_calc { width:100%; font-size:0; color:#555555; }
.checkout_area .checkout_price_calc span { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:40%; height:24px; text-align:right; font-size:16px; line-height:24px; }
.checkout_area .checkout_price_calc span:first-child { width:60%; text-align:left; }
.checkout_area .checkout_price_calc.total_price { color:black; font-weight:bold; }
.checkout_area .checkout_remark_row { font-size: 12px; }

.checkout_area .checkout_btn_area { padding-top:8px; text-align:right; }
.checkout_area .checkout_btn_area input[type=button],
.checkout_area .checkout_btn_area input[type=submit] { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:160px; height:36px; border:none; background-color:#0e223d; border:1px solid #cccccc; box-sizing:border-box; margin:8px 0; font-size:14px; color:#ffffff; font-weight:bold; cursor:pointer; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.checkout_area .checkout_btn_area input[type=button]:hover,
.checkout_area .checkout_btn_area input[type=submit]:hover { background-color:#ffffff; color:#555555; }

.checkout_area .checkout_info { padding-top:30px; color:#555555; }
.checkout_area .checkout_info_note { float:right; width:calc(100% - 700px); padding-left:30px; box-sizing:border-box; text-align:justify; font-size:14px; line-height:22px; }
.checkout_area .checkout_info_note h4 { }
.checkout_area .checkout_info_note a { color:#555555; text-decoration:underline; word-break:break-all; }
.checkout_area .checkout_info_note a:hover { color:#65829d; }
.checkout_area .checkout_info_note .note_col_bullet { position: absolute; }
.checkout_area .checkout_info_note .note_col_desc2 { padding-left: 30px; }
.checkout_area .checkout_info_delivery { float:left; width:700px; }
.checkout_area .checkout_info_section { width:100%; padding-bottom:15px; }
.checkout_area .checkout_info_login { width:100%; font-size:16px; background-color:#65829d; padding:8px 20px; text-align:center; box-sizing:border-box; }
.checkout_area .checkout_info_login:first-child { border-right:1px solid #45627d; }
.checkout_area .checkout_info_login a { color:#ffffff; font-weight:bold; }
.checkout_area .checkout_info_login a:hover { }
.checkout_area .checkout_info_login_text { padding:30px 20px 10px 20px; }
.checkout_area .checkout_info_login_text p { font-size:25px; color:#555555; font-weight:500; font-weight:bold; color:#65829d; }
.checkout_area .checkout_info_title { padding:8px 20px; border-bottom:1px solid #cccccc; font-size:18px; color:#555555; }
.checkout_area .checkout_info_form { padding:8px 20px; }
.checkout_area .checkout_info_row { padding:8px 0; font-size:0; }
.checkout_area .checkout_info_row .essential_element { color: red; margin-left: 5px; font-family: verdana; font-weight: bold; }
.checkout_area .checkout_info_row label { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; min-height:26px; font-size:14px; line-height:26px; }
.checkout_area .checkout_info_row input[type=email],
.checkout_area .checkout_info_row input[type=text],
.checkout_area .checkout_info_row select,
.checkout_area .checkout_info_row textarea { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:calc(100% - 200px); height:26px; padding:0 5px; box-sizing:border-box; border:1px solid #cccccc; box-sizing:border-box; line-height:26px; font-size:14px; color:#555555; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.checkout_area .checkout_info_row textarea { height:60px; padding:5px; resize:none; line-height:16px; }
.checkout_area .checkout_info_row input[type=button],
.checkout_area .checkout_info_row input[type=submit] { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:160px; height:36px; border:none; background-color:#25b2e9; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; color:#ffffff; font-weight:bold; cursor:pointer; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.checkout_area .checkout_info_row input[type=button]:hover, 
.checkout_area .checkout_info_row input[type=submit]:hover { background-color:#ffffff; color:#555555; }
.checkout_area .checkout_info_row .col_desc { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:calc(100% - 200px); height:26px; line-height:26px; font-size:14px; color:#555555; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }
.checkout_area .checkout_info_button_row { text-align: right; }
.checkout_area .checkout_info_button_row input[type=button], 
.checkout_area .checkout_info_button_row input[type=submit] { margin-left: 3px; font-family:"微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; }

.checkout_area .checkout_info_note .red_star { color: red; font-family: verdana; font-weight: bold; }

.color-options a.active  { color:#0e223d; font-weight: bold; }
.color-options a.active span.color { border: solid 2px  #ff9c02;  }



/*-------------------------------------------------------------------------------------*/
/* LOGIN & REGISTER  */

@media screen and (max-width: 590px){
    .login_area .login_item { width:100%; float: none; }
    .login_area .login_box_content { min-height:auto; margin-bottom:20px; }
    
    .forgot_pwd_area .login_box_content { min-height:120px; }
}

@media screen and (max-width: 479px){
    .register_area .register_btn input[type=submit] { width:120px; }
}

@media screen and (max-width: 413px){
    .register_area .register_btn input[type=submit] { width:calc(50% - 8px); }
}

/*-------------------------------------------------------------------------------------*/
/* CHECKOUT  */

@media screen and (max-width: 1199px){
    .checkout_area .checkout_item_info { width:778px; }
    .checkout_area .checkout_total_side { padding-left:583px; }
    .checkout_area .checkout_info_note { width:calc(100% - 650px); }
    .checkout_area .checkout_info_delivery { width:650px; }

    .order_area .order_code { width:292px; }
    .order_area .order_date, 
    .order_area .order_price, 
    .order_area .order_status { width:160px; }
}

@media screen and (max-width: 1023px){
    .checkout_area .checkout_topic { display:none; }
    .checkout_area .checkout_item_photo { vertical-align:top !important; }
    .checkout_area .checkout_item_info { width:calc(100% - 120px); }
    .checkout_area .checkout_item_info .item_field { display:block; width:100%; padding-left:130px; padding-bottom:6px; text-align:left; }
    .checkout_area .checkout_item_info .item_field b { display:block; }

    .checkout_area .checkout_total_side { padding-left:371px; }
    .checkout_area .checkout_discount_row { width:calc(100% - 360px); }
    .checkout_area .checkout_discount_row input[type=text] { width:calc(100% - 164px); }
    .checkout_area .checkout_price_area { padding-left:20px; }

    .checkout_area .checkout_info_note { width:100%; padding-left:0; padding-bottom:20px; }
    .checkout_area .checkout_info_delivery { width:100%; }

    .order_area .order_code { width:180px; }
    .order_area .order_date, 
    .order_area .order_price, 
    .order_area .order_status { width:120px; }
}

@media screen and (max-width: 767px){
    .checkout_area .checkout_total_side { padding:0; }
    .checkout_area .checkout_discount_row { position:static; width:100%; padding:24px 15px; }
    .checkout_area .checkout_discount_row input[type=text] { max-width:100%; }
    .checkout_area .checkout_price_area { min-height:10px; padding:20px 15px 0 15px; border-top:1px solid #cccccc; border-left:none; }

    .order_area .order_topic { display:none; }
    .order_area .order .order_field { display:block; min-height:10px; padding-left:92px; line-height:20px; }
    .order_area .order .order_field b { display:block; }
    .order_area .order_code { width:100%; }
    .order_area .order_date, 
    .order_area .order_price, 
    .order_area .order_status { width:100%; }
}

@media screen and (max-width: 479px){
    .checkout_area .checkout_item_photo { display:none !important; }
    .checkout_area .checkout_item_info { width:calc(100% - 30px); }

    .checkout_area .checkout_discount_row input[type=text] { width:100%; margin-right:0; margin-bottom:10px; }
    .checkout_area .checkout_discount_row input[type=submit] { display:block; margin:0 auto; }

    .checkout_area .checkout_btn_area { text-align:center; }

    .checkout_area .checkout_info_row label { width:100%; }
    .checkout_area .checkout_info_row input[type=text],
    .checkout_area .checkout_info_row select,
    .checkout_area .checkout_info_row textarea { width:100%; }

    .order_area .order { padding:10px; }
    .order_area .order_btn { position:static; width:100%; padding-top:10px; }
    .order_area .order_btn a { height:30px; line-height:28px; }
}

@media screen and (max-width: 374px){
    .checkout_area .checkout_item_info .item_field { padding-left:0; }
    .checkout_area .checkout_item_info .item_field b { position:static; padding-bottom:2px; }
}
    
/*-------------------------------------------------------------------------------------*/
/* ORDER HISTORY */

.order_history_content { padding-bottom: 30px; }

/* .order_history_list { width:100%; padding-top: 32px; padding-bottom: 20px; } */
.order_history_list { width:100%; padding: 32px 20px 20px 15px; }
.order_history_list .order_history_item { width:95%; padding-bottom: 14px; }
.order_history_list .order_history { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; min-height: 120px; padding:14px 20px 14px 30px; background-color: #ffffff; border: 2px solid gainsboro; position:relative; box-sizing:border-box; }
/* .order_history_list .order_history:before { position: absolute; left: -3px; top: -3px; content: ""; width: 15px; height: 103px; background-color: #11b3ec; } */
.order_history_list .order_history_info { -ms-flex:1 0 0%; flex:1 0 0%; padding:12px 35px 0 0; overflow:hidden; font-size:17px; color:#000000; }
.order_history_list .order_history_info h3 { padding-bottom:10px; position:relative; font-size:26px; color:#000000; font-weight: 700; }
.order_history_list .order_history_info h3 a { color: inherit; }
.order_history_list .order_history_info p { padding-top:12px; }
.order_history_list .order_history_info span { color: #11b3ec; font-size: 16px; }
.order_history_list .order_history_btn { -ms-flex-item-align: end; align-self: flex-end; -ms-flex: 0 0 115px; flex: 0 0 115px; width: 100%; max-width: 115px; padding-bottom: 14px; }
.order_history_list .order_history_btn a { text-align:center; font-size:20px; background-color:#11b3ec; color: white; line-height:1; font-family:'Baloo Bhaina', cursive, "Microsoft JhengHei", "微軟正黑體", sans-serif; transition:all 0.3s ease; padding: 5px 20px; border-radius: 20px; }
.order_history_list .order_history_btn a img { width:100%; display:block; }
.order_history_list .order_history_btn a:hover { xcolor:#0077c9; }

.order_history_list .order_history_info .order_history_item { display: inline-block; width: 30%; }


.order_history_area .order_history_box { width:100%; padding:20px; border:1px solid #cccccc; box-sizing:border-box; color:#333333; }
.order_history_area .order_history_box .item_field { display:inline-block; zoom:1; *display:inline; vertical-align:middle; box-sizing:border-box; position:relative; text-align:center; }
.order_history_area .order_history_topic { padding:0 15px 10px 15px; border-bottom:1px solid #cccccc; box-sizing:border-box; font-size:0; }
.order_history_area .order_history_topic .item_field { font-size:18px; }

.order_history_area .order_history_item_list { width:100%; }
.order_history_area .order_history_item { min-height:100px; padding:15px; border-top:1px dashed #cccccc; box-sizing:border-box; font-size:0; }
.order_history_area .order_history_item:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100px; }
.order_history_area .order_history_item:first-child { border-top:none; }
.order_history_area .order_history_item .item_field { font-size:14px; }
.order_history_area .order_history_item .item_field b { display:none; position:absolute; left:0; top:0; font-size:16px; font-weight:bold; }
.order_history_area .order_history_item .item_field span { }

.order_history_area .order_history_item_photo { width:90px; height:70px; padding-right:20px; text-align:left; }
.order_history_area .order_history_item_photo img { max-width:100%; max-height:100%; }
.order_history_area .order_history_item_info { width:948px; text-align:left !important; font-size:0 !important; }
.order_history_area .order_history_item_name { width:calc(100% - 358px); text-align:left !important; }
.order_history_area .order_history_item_name a { color: #45627d; }
.order_history_area .order_history_item_name a:hover { text-decoration:underline; color: #0088cc; }
.order_history_area .order_history_item_color { width:120px; }
.order_history_area .order_history_item_size { width:90px; }
.order_history_area .order_history_item_price { width:125px; }
.order_history_area .order_history_item_qty { width:108px; }
.order_history_area .order_history_item_qty .qty_field { width:100%; max-width:108px; position:relative; }
.order_history_area .order_history_item_qty .qty_field input[type=text] { width:100%; height:30px; padding:0 28px; border:1px solid #cccccc; box-sizing:border-box; outline:none; line-height:28px; text-align:center; }
.order_history_area .order_history_item_total { width:125px; }
.order_history_area .order_history_topic .checkout_item_photo { height:auto; }

.order_history_area .order_history_total_side { padding:10px 15px 0 753px; border-top:1px solid #cccccc; box-sizing:border-box; position:relative; }
.order_history_area .order_history_discount_row { position:absolute; left:15px; top:0; width:calc(100% - 370px); xheight:100%; padding-top:10px; box-sizing:border-box; font-size:0; }
.order_history_area .order_history_discount_row:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.order_history_area .order_history_discount_row form { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:100%; }
.order_history_area .order_history_discount_row label { display:block; padding-bottom:6px; font-size:18px; }
.order_history_area .order_history_discount_row input[type=text], 
.order_history_area .order_history_discount_row input[type=button], 
.order_history_area .order_history_discount_row input[type=submit] { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; height:26px; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; color:#333333; line-height:26px; }
.order_history_area .order_history_discount_row input[type=text] { width:calc(100% - 204px); max-width:300px; padding:0 5px; margin-right:4px; }
.order_history_area .order_history_discount_row input[type=button],
.order_history_area .order_history_discount_row input[type=submit] { width:160px; background-color:transparent; cursor:pointer; }
.order_history_area .order_history_discount_row input[type=button]:hover, 
.order_history_area .order_history_discount_row input[type=submit]:hover { background-color:#000000; color:#ffffff; }
.order_history_area .order_history_discount_row .remarks { font-size: 12px; }
.order_history_area .order_history_price_area { width:100%; min-height:96px; padding-left:40px; border-left:1px solid #cccccc; box-sizing:border-box; }
.order_history_area .order_history_price_calc { width:100%; font-size:0; color:#333333; }
.order_history_area .order_history_price_calc span { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:40%; height:24px; text-align:right; font-size:16px; line-height:24px; }
.order_history_area .order_history_price_calc span:first-child { width:60%; text-align:right; }
.order_history_area .order_history_price_calc.total_price { color:#cc0000; font-weight:bold; }

.order_history_area .order_history_btn_area { padding-top:8px; text-align:right; }
.order_history_area .order_history_btn_area input[type=button],
.order_history_area .order_history_btn_area input[type=submit] { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:160px; height:36px; border:none; background-color:#aa192d; border:1px solid #cccccc; box-sizing:border-box; margin:8px 0; font-size:14px; color:#ffffff; font-weight:bold; cursor:pointer; }
.order_history_area .order_history_btn_area input[type=button]:hover,
.order_history_area .order_history_btn_area input[type=submit]:hover { background-color:#ffffff; color:#333333; }

.order_history_area .order_history_info { padding-top:30px; color:#333333; }


.order_history_area .order_history_info_delivery { float:left; width:700px; }
.order_history_area .order_history_info_section { width:100%; padding-bottom:15px; }
.order_history_area .order_history_info_login { width:100%; font-size:16px; background-color:#0088cc; padding:8px 20px; text-align:center; box-sizing:border-box; }
.order_history_area .order_history_info_login:first-child { border-right:1px solid #45627d; }
.order_history_area .order_history_info_login a { color:#ffffff; font-weight:bold; }
.order_history_area .order_history_info_login a:hover { }
.order_history_area .order_history_info_login_text { padding:30px 20px 10px 20px; }
.order_history_area .order_history_info_login_text p { font-size:25px; color:#333333; font-weight:500; font-weight:bold; color:#0088cc; }
.order_history_area .order_history_info_title { padding:8px 20px; border-bottom:1px solid #cccccc; font-size:18px; color:#333333; }
.order_history_area .order_history_info_form { padding:8px 0 8px 20px; }
.order_history_area .order_history_info_row { padding:8px 0; font-size:0; }
.order_history_area .order_history_info_row label { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; min-height:26px; font-size:14px; line-height:26px; }
.order_history_area .order_history_info_row label #essential_element,
.order_history_area .order_history_info_row label .essential_element { color: red; font-family: verdana; margin-left: 5px; font-weight: bold; }
.order_history_area .order_history_info_row label.desc { width:calc(100% - 230px); margin-left: 5px; }
.order_history_area .order_history_info_row input[type=checkbox] { margin-top: 8px; }
.order_history_area .order_history_info_row input[type=text],
.order_history_area .order_history_info_row select,
.order_history_area .order_history_info_row textarea { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:calc(100% - 200px); height:26px; padding:0 5px; box-sizing:border-box; border:1px solid #cccccc; box-sizing:border-box; line-height:26px; font-size:14px; color:#333333; }
.order_history_area .order_history_info_row textarea { height:60px; padding:5px; resize:none; line-height:16px; }
.order_history_area .order_history_info_row input[type=button],
.order_history_area .order_history_info_row input[type=submit] {display:inline-block;zoom:1; *display:inline;vertical-align:bottom;width:160px;height:36px;border:none;background-color: #000000;border:1px solid #cccccc;box-sizing:border-box;font-size:14px;color:#ffffff;font-weight:bold;cursor:pointer;}
.order_history_area .order_history_info_row input[type=button]:hover,
.order_history_area .order_history_info_row input[type=submit]:hover { background-color:#ffffff; color:#333333; }

.order_history_area .order_history_item { min-height:30px;  }
.order_history_area .order_history_item:after { height:5px; }
.order_history_area .order_history_total_side { padding:10px 15px 0 553px; }

.order_history_content .order_history_detail_back { margin-top: 30px; text-align: right; }
.order_history_content .order_history_detail_back a { text-align:center; font-size:20px; background-color:#11b3ec; color: white; line-height:1; font-family:'Baloo Bhaina', cursive, "Microsoft JhengHei", "微軟正黑體", sans-serif; transition:all 0.3s ease; padding: 5px 20px; border-radius: 20px; }

/*-------------------------------------------------------------------------------------*/
/* ORDER HISTROY */

@media screen and (max-width: 1199px){
    .order_history_content .common_title { margin-left: 0; }

    .order_history_area .order_history_box { margin: 0 20px; width: calc( 100% - 40px ); }
    .order_history_area .order_history_info_form { padding:8px 25px 8px 20px; }
    /* .order_history_area .order_history_item_info { width:778px; } */
    .order_history_area .order_history_total_side { padding-left:453px; }
    .order_history_area .order_history_item_name { width:calc(100% - 428px);  }
    
    .order_history_content .order_history_detail_back { margin-right: 20px; }
}

@media screen and (max-width: 1023px){
    .order_history_list .order_history_info { padding-top:0; }

    .order_history_content .direct_path_area { display: none !important; }
    .order_history_content .order_history_list_area { width: 100%; }
    .order_history_content .order_history_list_area .order_history_select { display: block; }
    .order_history_content .order_history_list_area .order_history_list { display: none; }
    .order_history_content .order_history_list_area .multipage { display: none; }


    .order_history_area .order_history_topic { display:none; }
    .order_history_area .order_history_item_photo { vertical-align:top !important; }
    .order_history_area .order_history_item_info { width: 100%; xwidth:calc(100% - 120px); }
    .order_history_area .order_history_item_info .item_field { display:block; width:100%; padding-left:130px; padding-bottom:6px; text-align:left; }
    .order_history_area .order_history_item_info .item_field b { display:block; }
    
    .order_history_area .order_history_total_side { padding-left: 15px; }
    .order_history_area .order_history_discount_row { width:calc(100% - 360px); }
    .order_history_area .order_history_discount_row input[type=text] { width:calc(100% - 164px); }
    .order_history_area .order_history_price_area { padding-left:20px; }
    .order_history_area .order_history_price_calc span:first-child { text-align:left; }
    

}

@media screen and (max-width: 767px){
    .order_history_list .order_history { padding:14px 20px 14px 20px; }
    .order_history_list .order_history:before { width: 10px; }
    .order_history_list .order_history_info { padding:12px 0 42px 0; font-size:15px; }
    .order_history_list .order_history_info h3 { font-size:22px; }
    .order_history_list .order_history_btn { position: absolute; right: 20px; bottom: 0; }

    

    .order_history_area .order_history_total_side { padding:15px; }
    .order_history_area .order_history_discount_row { position:static; width:100%; padding:24px 15px; }
    .order_history_area .order_history_discount_row input[type=text] { max-width:100%; }
    .order_history_area .order_history_price_area { min-height:10px; padding:20px 15px 0 15px; border-top:1px solid #cccccc; border-left:none; }
    
    .order_history_content .common_title { padding: 0 10px 12px 20px; }
    
}

@media screen and (max-width: 620px){
    .order_history_list .order_history_info .order_num .item_label { display: inline-block; width: 100px; }
    .order_history_list .order_history_info .order_num h3 { display: inline-block; width: 50%; }
    .order_history_list .order_history_info .order_history_item { display: inline-block; width: 100%; }
    .order_history_list .order_history_info .order_history_item .item_label { display: inline-block; width: 100px; }
    .order_history_list .order_history_info .order_history_item .item_content { display: inline-block; width: 50%; }

    .order_history_area .order_history_info_row label { width:100%; }
    .order_history_area .order_history_info_row input[type=text],
    .order_history_area .order_history_info_row select,
    .order_history_area .order_history_info_row textarea { width:100%; }

}

@media screen and (max-width: 520px){
    .order_history_list .neworder_historys { display:block; }
    .order_history_list .order_history_info { width:100%; padding-top: 0; }
}

    
@media screen and (max-width: 479px){
    .order_history_area .order_history_item_photo { display:block !important; width:140px; height:auto; padding-right:0; padding-bottom:10px; margin:0 auto; }
    /* .order_history_area .order_history_item_info { width:calc(100% - 30px); } */
    
    .order_history_area .order_history_discount_row input[type=text] { width:100%; margin-right:0; margin-bottom:10px; }
    .order_history_area .order_history_discount_row input[type=submit] { display:block; margin:0 auto; }
    
    .order_history_area .order_history_btn_area { text-align:center; }
}    

@media screen and (max-width: 374px){
    .order_history_area .order_history_item_info .item_field { padding-left:0; }
    .order_history_area .order_history_item_info .item_field b { position:static; padding-bottom:2px; }
}
/*-------------------------------------------------------------------------------------*/