/*-------------------------------------------------------------------------------------*/
/* 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=number], 
.login_area .login_box_content input[type=email], 
.login_area .login_box_content input[type=tel], 
.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:#56a82b; 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=number],
.register_area .register_row input[type=email],
.register_area .register_row input[type=tel],
.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=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:#56a82b; 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; }
.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:#e2383f;  }
.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: #e2383f; }
.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=number], 
.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:#e2383f; 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=number], 
.checkout_area .checkout_discount_row input[type=email], 
.checkout_area .checkout_discount_row input[type=tel], 
.checkout_area .checkout_discount_row input[type=text], 
.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=number],
.checkout_area .checkout_discount_row input[type=email],
.checkout_area .checkout_discount_row input[type=tel],
.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:#e2383f; 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:#56a82b; 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=number],
.checkout_area .checkout_info_row input[type=email],
.checkout_area .checkout_info_row input[type=tel],
.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; xheight:36px; border:none; background-color:#e2383f; 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:#6576ca; font-weight: bold; }
.color-options a.active span.color { border: solid 2px  #6576ca;  }

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

@media screen and (max-width: 1199px){
    /* .checkout_area .checkout_item_info { width:778px; } */
    .checkout_area .checkout_item_info { width:80%; }
    .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:90px; padding-bottom:6px; text-align:left; }
    .checkout_area .checkout_item_info .item_field:first-child { padding-right: 20px; }
    .checkout_area .checkout_item_info .item_field.en:first-child { min-height: 50px; }
    .checkout_area .checkout_item_total b, 
    .checkout_area .checkout_item_info .item_field b { display:block; width: 80px; line-height: 20px; }
    .checkout_area .checkout_item_qty .qty_field { display: inline-block; }
    
    .checkout_area .checkout_total_side { padding-left:371px; }
    .checkout_area .checkout_discount_row { width:calc(100% - 400px); }
    /* .checkout_area .checkout_discount_row input[type=text] { width:calc(100% - 164px); } */
    .checkout_area .checkout_discount_row input[type=button],
    .checkout_area .checkout_discount_row input[type=text] { width: 160px; display: inline-block; margin-bottom: 5px; }
    /* .checkout_area .checkout_discount_row input  { width: 100%; display: block; } */
    .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_item_photo { width: 100%; height: 100px; } */
    .checkout_area .checkout_item_photo { width: 150px; height: auto; }
    .checkout_area .checkout_item_info { width:calc(100% - 150px); }
    .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=number],
    .checkout_area .checkout_discount_row input[type=email], 
    .checkout_area .checkout_discount_row input[type=tel], 
    .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_photo { width: 100px; }
    /* .checkout_area .checkout_item_info { width:calc(100% - 30px); } */
    .checkout_area .checkout_item_info { width:calc(100% - 100px); }
    /* .checkout_area .checkout_item_info .item_field:first-child { padding-right: 0; } */
    
    .checkout_area .checkout_discount_row input[type=number],
    .checkout_area .checkout_discount_row input[type=email],
    .checkout_area .checkout_discount_row input[type=tel],
    .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=number],
    .checkout_area .checkout_info_row input[type=email],
    .checkout_area .checkout_info_row input[type=tel],
    .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; }
    }