@charset "utf-8";
/* CSS Document */


/*-------------------------------------------------------------------------------------*/
/* NEWS */

.news_content { padding-bottom: 24px; }

.news_list { width:100%; padding-top: 32px; padding-bottom: 20px; }
.news_list .news_item { width:100%; padding-bottom: 14px; }
.news_list .news { 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: 3px solid #f4f4f4; position:relative; box-sizing:border-box; }
.news_list .news:before { position: absolute; left: -3px; top: -3px; content: ""; width: 15px; height: 103px; background-color: #e43d4c; }
.news_list .news_photo { -ms-flex:0 0 260px; flex:0 0 260px; width:100%; max-width: 260px; box-sizing:border-box; margin-right:30px; }
.news_list .news_photo img { display:block; width:100%; }
.news_list .news_info { -ms-flex:1 0 0%; flex:1 0 0%; padding:12px 35px 12px 0; overflow:hidden; font-size:17px; color:#000000; }
.news_list .news_info h3 { padding-bottom:10px; position:relative; font-size:26px; color:#000000; font-weight: 700; }
.news_list .news_info h3 a { color: inherit; }
.news_list .news_info p { padding-top:12px; }
.news_list .news_info span { color: #e43d4c; font-size: 16px; }
.news_list .news_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; }
.news_list .news_btn a { text-align:center; font-size:14px; color:#e68699; line-height:1; font-family:'Baloo Bhaina', cursive, "Microsoft JhengHei", "微軟正黑體", sans-serif; transition:all 0.3s ease; }
.news_list .news_btn a img { width:100%; display:block; }
.news_list .news_btn a:hover { xcolor:#0077c9; }

.news_detail { padding:24px 0; }
.news_detail .news_detail_box { width: 100%; padding: 40px; background-color: #ffffff; border: 3px solid #f4f4f4; box-sizing: border-box; position: relative; }
.news_detail .news_detail_box:before { position: absolute; left: -3px; top: -3px; content: ""; width: 15px; height: 103px; background-color: #e43d4c; }
.news_detail .news_detail_header { display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; width:100%; padding-bottom:6px; }
.news_detail .news_detail_icon { -ms-flex:0 0 60px; flex:0 0 60px; width:60px; margin-right:14px; margin-left:7px; }
.news_detail .news_detail_icon img { display:block; width:100%; }
.news_detail .news_detail_title { -ms-flex:1 0 0%; flex:1 0 0%; font-size:26px; color:#000000; font-weight: 700; }
.news_detail .news_detail_info { width:100%; box-sizing:border-box; }
.news_detail .news_detail_date { padding-bottom:18px; font-size:16px; color:#e43d4c; }
.news_detail .news_detail_desc { width:100%; position:relative; display:block; font-size:16px; }
.news_detail .news_detail_desc img, 
.news_detail .news_detail_desc ifrmae { max-width:100% !important; height:auto !important; }
.news_detail .news_detail_nav { padding-top:26px; }
.news_detail .news_detail_nav .nav { width:100%; padding:0 60px; position:relative; box-sizing:border-box; text-align:center; }
.news_detail .news_detail_nav .nav:after { content:""; width:100%; clear:both; display:block; }
.news_detail .news_detail_nav .nav_prev, 
.news_detail .news_detail_nav .nav_next { position:absolute; top:18px; font-size:22px; color:#e68699; line-height:1; font-family:'Baloo Bhaina', cursive, "Microsoft JhengHei", "微軟正黑體", sans-serif; transition:all 0.3s ease; }
.news_detail .news_detail_nav .nav_prev { left:0; }
.news_detail .news_detail_nav .nav_next { right:0; }
.news_detail .news_detail_nav .nav_prev:hover, 
.news_detail .news_detail_nav .nav_next:hover { color:#0077c9; }
.news_detail .news_detail_nav .nav_back { display:inline-block; vertical-align:top; padding:12px 18px 7px 18px; background-color:#0077c9; border-radius:24px; position:relative; box-sizing:border-box; overflow:hidden; font-size:20px; color:#ffffff; line-height:1; font-family:'Baloo Bhaina', cursive, "Microsoft JhengHei", "微軟正黑體", sans-serif; }
.news_detail .news_detail_nav .nav_back:before { position:absolute; left:0; top:0; content:""; width:0; height:100%; background-color: #e68699; border-radius: 24px; transition:all 0.3s ease; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-iteration-count:1; animation-iteration-count:1; }
.news_detail .news_detail_nav .nav_back span { position:relative; }
.news_detail .news_detail_nav .nav_back:hover:before { -webkit-animation-name:btnSlideBgColor; animation-name:btnSlideBgColor; }

.news_detail .news_detail_back { width:100%; padding-top: 20px; text-align:right; }

/*-------------------------------------------------------------------------------------*/
/* COMMON CONTENT */

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

.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:18px; color:#333333; }
.login_area .login_box_content { min-height:260px; font-size:14px; 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=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:14px; color:#333333; }
.login_area .login_box_content a { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-top:4px; font-size:12px; color:#333333; }
.login_area .login_box_content a:hover { text-decoration:underline; }
.login_area .login_box_content .login_error_statement{ color:#FF0000; font-size:12px; 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:transparent; margin:0 auto; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; line-height:34px; color:#333333; cursor:pointer; }
.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:#e68699; border-color:#e68699; color:#ffffff; }

.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 input[type=password], 
.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:14px; color:#333333; }
.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:14px; }
.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=submit] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; height:36px; border:none; background-color:transparent; margin:8px 4px; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; line-height:34px; color:#000000; cursor:pointer; }
.register_area .register_row input[type=button]:hover, 
.register_area .register_btn input[type=button]:hover, 
.register_area .register_btn input[type=submit]:hover { background-color:#e68699; border-color:#e68699; color:#ffffff; }
.register_area .register_row span.registration_error{ color:#FF0000; display:none; font-size:12px; padding-left:15px; }
.register_area .register_row .remarks { text-align: left; font-size: 12px; }
.register_area .register_row.row_option { padding-top: 10px; }
.register_area .register_row.row_option span.checkbox_area { display:block; padding-top:17px; text-align:left; position: absolute; }
.register_area .register_row.row_option input[type=checkbox] { text-align: left; }
.register_area .register_row.row_option label { padding-left: 25px; }
.register_area .register_row.row_option label a { color: #990000; }
.register_area .register_row.row_option label a:hover { text-decoration:underline; color: #a68c2f; }
.register_area .register_row.row_option span.registration_error{ padding-left:0; }
.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; }

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

.checkout_content { min-height:400px; }
.checkout_content .common_title { margin:0; }
.checkout_content .msg_box { padding:20px 20px 50px 20px; min-height: 300px; box-sizing:border-box; }

.checkout_area { padding:20px 0; }
.checkout_area .checkout_box { width:100%; padding:20px; border:1px solid #cccccc; box-sizing:border-box; color:#333333; }
.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_photo { width:90px; 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:948px; text-align:left !important; font-size:0 !important; }
.checkout_area .checkout_item_name { width:calc(100% - 568px); text-align:left !important; }
.checkout_area .checkout_item_name a { color: #45627d; }
.checkout_area .checkout_item_name a:hover { text-decoration:underline; color: #0088cc; }
.checkout_area .checkout_item_color { width:120px; }
.checkout_area .checkout_item_size { width:90px; }
.checkout_area .checkout_item_price { width:125px; }
.checkout_area .checkout_item_qty { width:108px; }
.checkout_area .checkout_item_qty .qty_field { width:100%; max-width:108px; position:relative; }
.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:#cccccc; 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 { }
.checkout_area .checkout_item_qty .checkout_out_of_stock { color: red; background-color: lightyellow; border: solid gold 1px; display: block; }
.checkout_area .checkout_item_qty .hide_error { display:none; }
.checkout_area .checkout_item_total { width:125px; }
.checkout_area .checkout_item_delete { width:30px; padding-left:6px; }
.checkout_area .checkout_item_delete a { display:block; width:30px; height:30px; background-color:#aaaaaa; border-radius:4px; color:#ffffff; line-height:30px; text-align:center; font-size:24px; }
.checkout_area .checkout_topic .checkout_item_photo { height:auto; }

.checkout_area .checkout_total_side { padding:10px 15px 0 753px; 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=button], 
.checkout_area .checkout_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; }
.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],
.checkout_area .checkout_discount_row input[type=submit] { width:160px; background-color:transparent; cursor:pointer; }
.checkout_area .checkout_discount_row input[type=button]:hover, 
.checkout_area .checkout_discount_row input[type=submit]:hover { background-color:#000000; color:#ffffff; }
.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:#333333; }
.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:#cc0000; font-weight:bold; }

.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:#aa192d; border:1px solid #cccccc; box-sizing:border-box; margin:8px 0; font-size:14px; color:#ffffff; font-weight:bold; cursor:pointer; }
.checkout_area .checkout_btn_area input[type=button]:hover,
.checkout_area .checkout_btn_area input[type=submit]:hover { background-color:#ffffff; color:#333333; }

.checkout_area .checkout_info { padding-top:30px; color:#333333; }
.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 { font-size:16px; }
.checkout_area .checkout_info_note p { margin-bottom: 10px; }
.checkout_area .checkout_info_note ol {}
.checkout_area .checkout_info_note ol.list_num { xlist-style: decimal; }
.checkout_area .checkout_info_note ol li { margin-left: 0px; padding-left: 30px; }

.checkout_area .checkout_info_note ol.list_num  { list-style-type: none;
     counter-reset: itemnr; }
.checkout_area .checkout_info_note ol li:before {
     content: counter(itemnr) ".";
     display: inline-block;
     width: 1.5em;
     counter-increment: itemnr; 
     margin-left: -30px;
     width: 30px;
     }

.checkout_area .checkout_info_note a { color:#333333; text-decoration:underline; word-break:break-all; }
.checkout_area .checkout_info_note a:hover { color:#0088cc; }
.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:#0088cc; 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:#333333; font-weight:500; font-weight:bold; color:#0088cc; }
.checkout_area .checkout_info_title { padding:8px 20px; border-bottom:1px solid #cccccc; font-size:18px; color:#333333; }
.checkout_area .checkout_info_form { padding:8px 20px; }
.checkout_area .checkout_info_row { padding:8px 0; font-size:0; }
.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 label #essential_element,
.checkout_area .checkout_info_row label .essential_element { color: red; font-family: verdana; margin-left: 5px; font-weight: bold; }
.checkout_area .checkout_info_row label.desc { width:calc(100% - 230px); margin-left: 5px; }
.checkout_area .checkout_info_row input[type=checkbox] { margin-top: 8px; }
.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:#333333; }
.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: #000000;border:1px solid #cccccc;box-sizing:border-box;font-size:14px;color:#ffffff;font-weight:bold;cursor:pointer;}
.checkout_area .checkout_info_row input[type=button]:hover,
.checkout_area .checkout_info_row input[type=submit]:hover { background-color:#ffffff; color:#333333; }
.checkout_area .checkout_info_row span.error_message { font-size: 12px; color: red; margin-left: 200px; display: none; }

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

.order_area { padding:20px 0 40px 0; }
.order_area .order_box { width:100%; padding:20px; border:1px solid #cccccc; box-sizing:border-box; color:#333333; }
.order_area .order_field { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:0 5px; box-sizing:border-box; }
.order_area .order_topic { padding:0 145px 10px 10px; border-bottom:1px solid #cccccc; box-sizing:border-box; font-size:0; }
.order_area .order_topic .order_field { font-size:18px; }
.order_area .order_list { width:100%; }
.order_area .order { padding:10px 145px 10px 10px; border-top:1px dashed #cccccc; box-sizing:border-box; position:relative; font-size:0; }
.order_area .order:first-child { border-top:none; }
.order_area .order .order_field { min-height:36px; position:relative; font-size:14px; line-height:36px; }
.order_area .order .order_field b { display:none; position:absolute; left:0; top:0; font-size:16px; font-weight:bold; }
.order_area .order .order_field span { }
.order_area .order_code { width:342px; }
.order_area .order_date, 
.order_area .order_price, 
.order_area .order_status { width:200px; }
.order_area .order_btn { position:absolute; right:10px; bottom:10px; width:135px; }
.order_area .order_btn a { display:block; width:100%; height:36px; padding:0 20px; background-color:#aa192d; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; line-height:34px; color:#ffffff; text-align:center; }
.order_area .order_btn a:hover { background-color:#ffffff; color:#333333; }


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

.order_history_content { margin-bottom: 30px; }
.order_history_content .news_detail_back { margin-top: 10px; text-align: right; }

/*-------------------------------------------------------------------------------------*/
/* ORDER HISTORY */

.order_history_content { padding-bottom: 30px; }

.order_history_list { width:100%; padding-top: 32px; padding-bottom: 20px; }
.order_history_list .order_history_item { width:100%; 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: 3px solid #f4f4f4; 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: #e43d4c; }
.order_history_list .order_history_info { -ms-flex:1 0 0%; flex:1 0 0%; padding:12px 35px 12px 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: #e43d4c; 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:14px; color:#e68699; line-height:1; font-family:'Baloo Bhaina', cursive, "Microsoft JhengHei", "微軟正黑體", sans-serif; transition:all 0.3s ease; }
.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% - 488px); 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:left; }
.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: 10px; text-align: right; }

/*-------------------------------------------------------------------------------------*/

.form_area .form_row { xmax-width: 500px; width: 100%; }
.form_area .form_row label { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:200px; min-height:26px; font-size:18px; line-height:26px; }
.form_area .form_row label #essential_element,
.form_area .form_row label .essential_element { color: red; font-family: verdana; margin-left: 5px; font-weight: bold; }
.form_area .form_row input[type=text],
.form_area .form_row select,
.form_area .form_row textarea { display:inline-block; zoom:1; *display:inline; vertical-align:bottom; width:calc(100% - 210px); 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; }
.form_area .form_row textarea { height:60px; padding:5px; resize:none; line-height:16px; }
.form_area .form_row input[type=button],
.form_area .form_row 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; font-size:14px; color:#ffffff; font-weight:bold; cursor:pointer; }
.form_area .form_row input[type=button]:hover,
.form_area .form_row input[type=submit]:hover { background-color:#ffffff; color:#333333; }


/* .cms_content p, 
.cms_content { font-size: 18px; line-height: 1.6; }

.cms_content ol,
.cms_content ul,
.cms_content dl
{
	// IE7: reset rtl list margin. (#7334) //
	*margin-right: 0px;
	// preserved spaces for list items with text direction other than the list. (#6249,#8049) //
	padding: 0px;
	
	margin-top: 0px; margin-bottom: 0px; 
}
.cms_content ul { list-style-type:disc; margin-left:20px; }
.cms_content ol { list-style-type:decimal; margin-left:20px; }
.cms_content ol li,
.cms_content ul li { margin-left: 10px; padding-left: 10px; } */

/* .cms_content h1,
.cms_content h2,
.cms_content h3,
.cms_content h4,
.cms_content h5,
.cms_content h6
{
	font-weight: bold;
	padding-bottom: 0;
REM	line-height: 1.2;
} */
/* .cms_content h1 {
	margin: 10px 0px;
	font-size:24px; 
}
.cms_content h2 {
	margin:0px; padding:0px;
	font-size: 24px;
	color:#aa192d;
}
.cms_content h3 {
	margin:0px; padding:0px;
	font-size:24px; 
	color: #a68c2f;
}
.cms_content h4 {
	margin:0px; padding:0px;
	font-size:18px; 
}
.cms_content h5 {
	margin:0px; padding:0px;
	font-size:18px; 
	color:#aa192d;
}
.cms_content h6 {
	margin:0px; padding:0px;
	font-size:18px; 
	color: #a68c2f;
} */
.cms_content pre {
	font-size:18px; 
	margin: 0px;
	font-family:courier new,courier,monospace;
}
.cms_content address {
	font-size:18px; 
	margin: 0px;
}
.cms_content img {
	max-width: 100%;
	height: auto !important;
	REM	max-height: 100%;
}
.member_order_list {
    padding: 30px 0 16px 0;
}
.member_order_list .member_order_item {
    max-width: 1060px;
    min-height: 165px;
    padding: 25px 22px;
    margin: 0 13px 20px 13px;
    background-color: #ffffff;
    box-shadow: 0 0 5px #91583c;
    box-sizing: border-box;
    border-radius: 12px;
}
.member_order_list .member_order_item table.order_list {
	background-color: #91583c;
    width: 100%;
}
.member_order_list .member_order_item table.order_list tr td {
    background-color: white;
    padding: 5px 10px;
}
.member_order_list .member_order_item table.order_list tr th {
    background-color: white;
    padding: 5px 10px;
}
.member_order_list .member_order_item table.order_list tr td:first-child {
    width: 100px;
    text-align: center;
}
.member_order_list .member_order_item table.order_list tr td:nth-child(2) {
    width: 120px;
    text-align: center;
}
.member_order_list .member_order_item table.order_list tr td:nth-child(3) {
    width: 120px;
    text-align: center;
}
.member_order_list .member_order_item table.order_list tr td a {
    color: #345ca7;
    transition: all 0.2s ease;
}
.member_order_list .member_order_item table.order_list tr td:nth-child(4) {
    width: 80px;
    text-align: center;
}
.member_order_list .member_order_item .sub_title {
    margin: 13px 5px;
    font-size: 20px;
    color: #91040c;
    font-weight: bold;
}
.member_order_list .member_order_row {
    padding-bottom: 4px;
    font-size: 0;
    width: 100%;
}
.member_order_list .member_order_col:first-child {
    width: 231px;
}
.member_order_list .member_order_col {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: calc(100% - 231px);
    padding: 2px;
    box-sizing: border-box;
}

.member_order_list .member_order_col .td_col_2 {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    padding: 2px;
    box-sizing: border-box;
    font-size: 16px;
    color: #000000;
    width: 100%;
}
.member_order_list .member_order_col {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    width: calc(100% - 231px);
    padding: 2px;
    box-sizing: border-box;
}
.member_order_list .member_order_item table.prd_list {
    background-color: #91583c;
    width: 100%;
    padding: 0;
}
.member_order_list .member_order_item table.prd_list tr th {
    background-color: white;
    padding: 5px 10px;
}
.member_order_list .member_order_item table.prd_list tr td {
    background-color: white;
    padding: 5px 10px;
}

/*-------------------------------------------------------------------------------------*/