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

html, body { width:100%; margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#ffffff; font-size:16px; color:#333333; font-family:'Lato', "Microsoft JhengHei", "微軟正黑體", sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

input, select, textarea { padding:0px; margin:0px; vertical-align:top; font-family:'Lato', "Microsoft JhengHei", "微軟正黑體", sans-serif; }

button,
input[type=button], 
input[type=submit], 
input[type=reset] { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1170px; background-color:#ffffff; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:100%; max-width:1170px; padding-left:15px; padding-right:15px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
REM#wrap .container2 { width:100%; xmax-width:1170px; xpadding-left:15px; xpadding-right:15px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; }
#wrap .back_to_top { position:fixed; right:25px; bottom:0; display:none; z-index:999; }
#wrap .back_to_top a { display:block; width:50px; height:50px; background-color:#404040; border-radius:12px 12px 0 0; text-align:center; line-height:50px; font-size:32px; color:white; font-weight:bold; }
#wrap .back_to_top a:hover { background-color:#c22a01; color:#ffffff; }

#toolbar { xbackground-color:#f0f0ee; }
#toolbar .container { height:40px; line-height:16px; font-size:12px; color:#b1b1b1; }
#toolbar .lang_area { float:left; width:120px; margin-left:-10px; position:relative; }
#toolbar .lang_area p { padding-left:10px; line-height:40px; cursor:pointer; }
#toolbar .lang_area i { float:right; padding-right:10px; font-size:14px; font-style:normal; vertical-align:middle; }
#toolbar .lang_list { position:absolute; left:0; top:39px; z-index:2000; width:100%; background-color:#f0f0ed; box-sizing:border-box; display:none; }
#toolbar .lang_list a { display:block; width:100%; padding:4px 10px; background-color:transparent; box-sizing:border-box; color:#b1b1b1; transition:all 0.2s ease; }
#toolbar .lang_list a:hover { background-color:#c22a01; color:#ffffff; }

#toolbar .member_area { float:right; padding:10px 0; margin-right:-10px; }
#toolbar .member_area ul { font-size:0; text-align:right; }
#toolbar .member_area ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:20px; padding:0 10px; position:relative; border-left:1px solid #c22a01; font-size:16px; font-weight: bold; }
#toolbar .member_area ul li:first-child { border-left:none; }
#toolbar .member_area ul li > a { color: black; }
#toolbar .member_area ul li > p { cursor:pointer; }
#toolbar .member_area ul li.social { font-size:0; }
#toolbar .member_area ul li.social img { margin:-4px 4px; }
#toolbar .member_area span { padding-right:4px; font-size:16px; vertical-align:top; color: silver; }
#toolbar .member_area ul li.toolbar_home > a span { color: #c22a01; font-size: 20px; }
#toolbar .terms_area { float:right; padding: 0; margin-right:-10px; clear: both; }
#toolbar .terms_area ul { font-size:0; text-align:right; }
#toolbar .terms_area ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:20px; padding:0 10px; position:relative; border-left:1px solid #c22a01; font-size:16px; font-weight: bold; }
#toolbar .terms_area ul li:first-child { border-left:none; }
#toolbar .terms_area ul li > a { color:#660000; }
#toolbar .terms_area ul li > p { cursor:pointer; }
#toolbar .my_account_option { position:absolute; left:0; top:29px; z-index:2000; width:100%; background-color:#f0f0ed; box-sizing:border-box; display:none; text-align:left; }
#toolbar .my_account_option a { display:block; width:100%; padding:4px 10px; background-color:transparent; box-sizing:border-box; font-size:12px; color:#b1b1b1; transition:all 0.2s ease; }
#toolbar .my_account_option a:hover { background-color:#0088cc; color:#ffffff; }

#top { padding: 0; xpadding: 20px 0; background-color:#ffffff; }
#wrap.homepage #top { padding-bottom: 20px;  }
#top .logo { float:left; width:353px; transition:all 0.2s linear; }
#top .logo img { width:100%; }
#top .search_area { float:right; height:40px; border:1px solid #cccccc; margin-top:14px; box-sizing:border-box; border-radius:20px; font-size:0; overflow:hidden; }
#top .search_area input[type=text] { width:220px; height:38px; padding:0 14px; border:none; border-right:1px solid #cccccc; box-sizing:border-box; outline:none; line-height:38px; }
#top .search_area select { width:125px; height:38px; padding:0 5px; border:none; vertical-align:top; border-right:1px solid #cccccc; outline:none; }
#top .search_area button { width:40px; height:38px; padding-left:4px; background-color:#ffffff; border:none; box-sizing:border-box; outline:none; font-size:16px; color:#333333; cursor:pointer; }

#top .mobile_btn { position:absolute; right:15px; top:50%; display:none; margin-top:-21px; }
#top .mobile_btn a { display:block; width:42px; height:42px; background-color:#aaaaaa; box-sizing:border-box; text-align:center; text-transform:uppercase; font-weight:700; font-size:20px; color:#ffffff; line-height:42px; }
#top .mobile_btn a i { margin-right:6px; }

#top .menu_area { xfloat:right; width:100%; margin-top:18px; background-color: black; }
#top ul.menu_list { font-size:0; text-align:center; }
#top ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:middle; padding:0 3px; position:relative; }
#top ul.menu_list > li.mobile_only { display:none; }
#top ul.menu_list > li > a.lv1 { display:block; height:40px; padding:0 10px; background-color:transparent; box-sizing:border-box; font-size:18px; color:white; line-height:40px; xfont-weight:bold; }
#top ul.menu_list > li > a.lv1 i { display:none; }
#top ul.menu_list > li > a.lv1:hover, 
#top ul.menu_list > li:hover > a.lv1,
#top ul.menu_list > li.onMenu > a.lv1 { background-color:#c22a01; xcolor:#ffffff; xtext-decoration:underline; }

#top ol.menu_sub_list { position:absolute; left:3px; top:40px; z-index:9; width:220px; padding:14px 0 8px 0; xbackground-color:#c22a01; background-color:#ffffff; box-sizing:border-box; text-align:left; }
#top ol.menu_sub_list > li { }
#top ol.menu_sub_list > li.mobile_only { display:none; }
#top ol.menu_sub_list > li > a.lv2 { display:block; padding:6px 37px 6px 17px; position:relative; font-size:14px; xcolor:#ffffff; color:#a6abaf; }
#top ol.menu_sub_list > li > a.lv2 i { position:absolute; right:0; top:0; width:30px; height:30px; text-align:center; line-height:30px; font-size:16px; font-style:normal; }
#top ol.menu_sub_list > li > a.lv2:hover { color:#c22a01; }

#top .fallback { display:none; }
#top ul.menu_list > li:hover > ol.fallback { display:block; }

#top.fixedTop { position:fixed; left:0; top:0; z-index:2000; width:100%; padding:10px 0; box-shadow:0 0 10px rgba(0,0,0,0.6); }
#top.fixedTop .logo { width:178px; transition:all 0.2s linear; }
#top.fixedTop .search_area { display:none; }
#top.fixedTop .menu_area { width:auto; max-width:calc(100% - 260px); padding-right:0; margin-top:10px; box-sizing:border-box; transition:all 0.2s linear; }
#top.fixedTop ul.menu_list > li:last-child > ol.menu_sub_list { width:140px; }

#mobile_menu { position:fixed; top:0; left:0; z-index:1; visibility:hidden; width:280px; height:100%; background-color:#c22a01; transition:all 0.3s ease; overflow:hidden; box-sizing:border-box; display:none; }
#mobile_menu.haveSearch { padding-top:50px; }
#mobile_menu.haveSocial { padding-bottom:36px; }
#mobile_menu.haveLang { padding-bottom:36px; }
#mobile_menu.haveLang.haveSocial { padding-bottom:72px; }
#mobile_menu.haveLang.haveSocial .social_area { bottom:36px; }

#mobile_menu .menu_area { width:100%; height:100%; overflow-y:auto; box-sizing:border-box; background:none; }
#mobile_menu .menu_area ul.menu_list { }
#mobile_menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #ffffff;  position:relative; box-sizing:border-box; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px 65px 15px 15px; margin:0; background-color:#c22a01; box-sizing:border-box; position:relative; font-size:16px; text-transform:uppercase; color:#ffffff; line-height:20px; }
#mobile_menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:0; top:0; width:50px; height:50px; text-align:center; line-height:50px; font-size:20px; color:#ffffff; font-style:normal; }

#mobile_menu .menu_area ol.menu_sub_list { padding:6px 0; border-top:1px solid #ffffff; display:none; }
#mobile_menu .menu_area ol.menu_sub_list > li { display:block; position:relative; }
#mobile_menu .menu_area ol.menu_sub_list > li > a.lv2 { display:block; padding:6px 15px; margin:0; background-color:#c22a01; box-sizing:border-box; font-size:16px; color:#ffffff; }
#mobile_menu .menu_area ol.menu_sub_list > li > a.lv2 i { display:none; }

#mobile_menu .menu_area ol.menu_sub_list_2 { padding-bottom:6px; display:none; }
#mobile_menu .menu_area ol.menu_sub_list_2 > li { display:block; position:relative; }
#mobile_menu .menu_area ol.menu_sub_list_2 > li > a.lv3 { display:block; padding:3px 15px 3px 30px; margin:0; background-color:#c22a01; box-sizing:border-box; position:relative; font-size:14px; color:#ffffff; }
#mobile_menu .menu_area ol.menu_sub_list_2 > li > a.lv3:before { position:absolute; left:18px; top:7px; content:""; width:0; height:0; border-style:solid; border-width:5px 0 5px 6px; border-color:transparent transparent transparent #ffffff; }

#mobile_menu .menu_area ol.menu_sub_list_3 { display:none; }
#mobile_menu .menu_area ol.menu_sub_list_3 > li { display:block; position:relative; }
#mobile_menu .menu_area ol.menu_sub_list_3 > li > a.lv4 { display:block; padding:3px 15px 3px 40px; margin:0; background-color:#c22a01; box-sizing:border-box; font-size:14px; color:#ffffff; }
#mobile_menu .menu_area ol.menu_sub_list_3 > li > a.lv4:before { position:absolute; left:30px; top:3px; content:"-"; }

#mobile_menu .search_area { width:100%; height:50px; padding:10px 8px; background-color:#c22a01; border-bottom:1px solid #ffffff; box-sizing:border-box; position:absolute; left:0; top:0; }
#mobile_menu .search_area form { width:100%; height:100%; position:relative; display:block; }
#mobile_menu .search_area input[type=text] { width:100%; height:100%; padding:3px 34px 3px 5px; background-color:#ffffff; border:none; line-height:19px; font-size:14px; box-sizing:border-box; opacity:0.5; }
#mobile_menu .search_area button { position:absolute; right:0; top:0; width:29px; height:100%; padding:0; margin:0; border:none; background-color:transparent; font-size:16px; color:#ffffff; cursor:pointer; transition:all 0.2s ease; }

#mobile_menu .social_area { width:100%; height:36px; text-align:center; font-size:0; position:absolute; left:0; bottom:0; background-color:#c22a01; border-top:1px solid #ffffff; box-sizing:border-box; }
#mobile_menu .social_area .social { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20%; height:100%; border-left:1px solid #ffffff; box-sizing:border-box; font-size:22px; color:#ffffff; line-height:36px; }
#mobile_menu .social_area .social:first-child { border-left:none; }

#mobile_menu .lang_area { width:100%; height:36px; padding:6px 10px 6px 110px; text-align:center; font-size:0; position:absolute; left:0; bottom:0; background-color:#c22a01; border-top:1px solid #ffffff; box-sizing:border-box; }
#mobile_menu .lang_area label { position:absolute; left:15px; top:5px; font-size:16px; color:#ffffff; line-height:24px; }
#mobile_menu .lang_area select { width:100%; height:100%; padding:0; margin:0; border:none; border:0; }
#mobile_menu .lang_area option[disabled] { display:none; }

REM#banner2, 
REM#banner { padding-bottom:8px; position:relative; }
REM#banner .banner_show { xwidth:100%; margin:0 -10px; }
REM#banner .banner_item { float:left; width:25%; padding:10px; box-sizing:border-box; overflow:hidden; transition:all 0.1s ease; }
REM#banner .banner_item .banner { width:100%; position:relative; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center center; }
REM#banner .banner_item .banner img { width:100%; }
REM#banner .banner_item_1 { width:100%; padding-bottom:28px; padding-top:0; }
REM#banner .banner_item_1 .banner { border-radius:0; }
REM
REMREM#banner2 .container { width: 100%; max-width: none; padding: 0; }
REMREM#banner2 .container img { max-width: 100%; }
REM#banner .container { width: 100%; max-width: none; padding: 0; }
REM
REM#banner .banner_slideshow { width:100%; }
REM
REM#banner .inner_banner { width:100%; text-align: center; }
REM#banner .inner_banner img { max-width: 100%; xwidth:100%; }


#banner { }
#banner .banner_show { width:100%; position:relative; overflow:hidden; }
#banner .banner_show > img { width:100%; }
#banner .banner_item { width:100%; height:100%; display:block; }
#banner .banner_item .banner { width:100%; text-align:center; background-size:auto 100%; background-repeat:no-repeat; background-position:center center; }
#banner .banner_item .banner img { width:100%; max-width: 1140px; }
#banner .banner_item .banner_product, 
#banner .banner_item .banner_member, 
#banner .banner_item .banner_online_shop { background: url(../img/bnr_onlineshop.png) center no-repeat; background-size: auto 100%; }
#banner .banner_item .banner_news,
#banner .banner_item .banner_inner { background: url(../img/bnr_inner.png) center no-repeat; background-size: auto 100%; }
#banner .banner_item .banner_title { position: absolute; bottom: 5%; left: 20px; font-size: 30px; color: white; }


#banner .banner_show .owl-controls { position:absolute; left:0; xbottom: 50%; bottom:12px; width:100%; }
#banner .banner_show .owl-dots { width:100%; max-width:1024px; padding:0 22px; margin:0 auto; box-sizing:border-box; text-align:right; }
#banner .banner_show .owl-dot { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:10px; height:10px; background-color:#ffffff; border-radius:100%; margin:0 4px; }
#banner .banner_show .owl-dot.active, 
#banner .banner_show .owl-dot:hover { background-color:#ff7800; }

#banner .banner_show .bnr_row { position:absolute; top:50%; z-index:1000; display:block; width:44px; height:44px; background-color:#ffffff; border-radius:100%; box-sizing:border-box; margin-top:-22px; text-align:center; font-size:36px; color:#333333; line-height:42px; opacity:0.8; cursor:pointer; }
#banner .banner_show .bnr_row_prev { left:8px; padding-right:4px; }
#banner .banner_show .bnr_row_next { right:8px; padding-left:2px; }
#banner .banner_show .bnr_row:hover { background-color:#9f9f9f; color:#ffffff; opacity:1; }
#banner .inner_banner { }
#banner .inner_banner img { max-width:100%; }

#banner .sub_banner { margin-top: 20px; display: inline-block; }
#banner .sub_banner .banner_sub_item { float:left; width:25%; padding:10px; box-sizing:border-box; overflow:hidden; transition:all 0.1s ease; }

#main { padding-top:10px; }
#main .container { padding-bottom:50px; }
#main .title_area { height:29px; padding: 0; background:url(../img/hdr_home_new_product.png) no-repeat right center; position:relative; }
#main .title { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-top:-8px; padding-right:20px; background-color:#ffffff; font-size:16px; color:#333333; line-height:1; }
#main .page_row { position:absolute; right:0; top:0; font-size:0; }
#main .page_row a { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-right:6px; font-size:12px; color:white; line-height:29px; }
#main .page_row a:hover { text-decoration: underline; }

#main .direct_path_area { width:100%; padding-left:20px; padding-right:300px; xmargin-bottom:28px; display:block; box-sizing:border-box; position:relative; padding-bottom: 10px; margin-top: 10px; }
#main .direct_path_area .direct_path { width:100%; font-size:20px; xfont-size:16px; line-height:22px; }
#main .direct_path_area .direct_path span { color:#000000; }
#main .direct_path_area .direct_path a { color:#000000; }
#main .direct_path_area .direct_path a:after { xcontent:">"; padding:0 6px; }
#main .direct_path_area .direct_path a:hover { }
#main .direct_path_area .multipage { position:absolute; right:0; top:0; }

#main .left_side { float:left; width:240px; padding-top:28px; }
#main .cate_list_area { width:100%; background-color:#fbfbfb; border:1px solid #c22a01; box-sizing:border-box; }
#main .cate_title { width:100%; padding:8px 15px; background-color:#c22a01; border-bottom:1px solid #c22a01; box-sizing:border-box; font-size:20px; color:white; font-weight:bold; }
#main .cate_list { padding: 10px 5px 20px 5px; }
#main .cate_item { padding: 10px; border-bottom: solid 1px gainsboro; }
#main .cate_item .main_cate { font-size:18px; color:#b17477; font-weight:bold; }
#main .cate_item .main_cate a { color: black; xcolor:#b17477; }
#main .cate_item .main_cate a:hover { color: red; }
#main .cate_item .sub_cate { xpadding:2px 0 14px 10px; box-sizing:border-box; display:none;  }
#main .cate_item .sub_cate_name { position:relative; font-size:18px; color:#000000; font-weight:bold; padding-top: 10px; line-height: 22px; }
#main .cate_item .sub_cate_name a { color:#45627d; xcolor:#000000; transition:all 0.2s ease; }
#main .cate_item .sub_cate_name a:hover { color: red; }
#main .cate_item .sub_cate_list { padding-top:6px; xpadding-bottom:4px; display:none; }
#main .cate_item .sub_cate_list ul { }
#main .cate_item .sub_cate_list ul li { padding-left:18px; padding-bottom:4px; position:relative; font-size:16px; color:#e58080; font-weight:bold; line-height: 20px; }
#main .cate_item .sub_cate_list ul li:before { position:absolute; left:0; top:0; content:">"; font-weight: bold; font-family: verdana; }
#main .cate_item .sub_cate_list ul li a { color:#e58080; transition:all 0.2s ease; }
#main .cate_item .sub_cate_list ul li a:hover { color: red; }
#main .cate_item .sub_cate_list ul li ul { margin-top: 6px; display: none; }
#main .cate_item .sub_cate_list ul li ul.active { display: block; }
#main .cate_item .sub_cate_list ul li ul li { color: #875050; }
#main .cate_item .sub_cate_list ul li ul li:before { content:"-"; }
#main .cate_item .sub_cate_list ul li ul li a { color:#875050; transition:all 0.2s ease; }
#main .cate_item .sub_cate_list ul li ul li a:hover { color: red; }
#main .cate_item.active .sub_cate { display:block; }
#main .cate_item .main_cate.active+.sub_cate { display:block; }
#main .cate_item .sub_cate_name.active+.sub_cate_list { display:block; }

#main .right_side { float:right; width:850px; }
#main .content_area { padding:0 20px; }

#main .multipage { margin:0 -4px; text-align:right; font-size:0; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; min-width:22px; height:22px; border:1px solid #cccccc; box-sizing:border-box; margin:0 4px; text-align:center; font-size:14px; line-height:20px; color:white; background-color: #666666; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#c22a01; color:#ffffff; }

#footer { padding-bottom:16px; background-color:#404040; background: url(../img/bg_footer.png) no-repeat center top #404040; }
#footer .footer_sitemap { padding-top:38px; display:table; }
#footer .footer_sitemap .sitemap_area { display:table-cell; width: 100%; xwidth:627px; padding-bottom:8px; padding-right:20px; vertical-align:top; box-sizing:border-box; font-size:0; text-align:left; }
#footer .footer_sitemap .sitemap_area ul { display:inline-block; min-width:140px; max-width:220px; padding-right:20px; xpadding-right:16px; vertical-align:top; box-sizing:border-box; }
#footer .footer_sitemap .sitemap_area ul li { padding-bottom:6px; font-size:14px; }
#footer .footer_sitemap .sitemap_area ul li.mobile_only { display: none; }
#footer .footer_sitemap .sitemap_area ul li h3 { font-size:16px; color:#ffffff; font-weight:bold; }
#footer .footer_sitemap .sitemap_area ul li a { color:#ffffff; transition:all 0.1s ease; }
#footer .footer_sitemap .sitemap_area ul li a:hover { text-decoration:underline; }
#footer .footer_sitemap .sitemap_area ul li .footer_payment { padding-top:8px; font-size:12px; color:#ffffff; }
#footer .footer_sitemap .sitemap_area ul li .footer_payment .copyright { position: absolute; text-align: left; }

#footer .newsletter_area { display:table-cell; width:513px; padding-left:40px; border-left:1px solid #ffffff; box-sizing:border-box; color:#ffffff; vertical-align:middle; }
#footer .newsletter_area h3 { padding-bottom:6px; font-size:19px; }
#footer .newsletter_area p { padding-bottom:4px; font-size:14px; color:#f0f0ee; }
#footer .newsletter_area p span.newsletter_error { color:#FF0000; padding-left:15px; display:none; }
#footer .newsletter_area form { width:100%; padding-bottom:10px; font-size:0; }
#footer .newsletter_area input[type=text] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:calc(100% - 38px); height:32px; padding:0 10px; line-height:32px; background-color:#ffffff; border:none; outline:none; box-sizing:border-box; }
#footer .newsletter_area input[type=submit],
#footer .newsletter_area input[type=button] { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:32px; height:32px; margin-left:6px; background-color:#0088cc; border:none; box-sizing:border-box; font-size:14px; line-height:32px; color:#ffffff; cursor:pointer; }

#footer .footer_copyright { padding-top:8px; font-size:12px; color:#ffffff; display: none; xfloat: right; }
#footer .footer_copyright img { max-width: 100%; }
#footer .footer_social { float:right; width:50%; text-align:right; font-size:0; }
#footer .footer_social img { margin:0 4px; }
#footer .copyright { xfloat:left; width:100%; text-align:center; display: table-cell; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { text-decoration:underline; }
#footer .designby { xfloat:right; width:50%; text-align:right; font-size:12px; display: table-cell; }
#footer .designby a { color:#ffffff; }
#footer .designby a:hover { text-decoration:underline; }

.openResponsive, 
.openResponsive body { height:100%; overflow:hidden; position:fixed; }
.openResponsive #wrap { transform:translate3d(280px, 0, 0); -webkit-transform:translate3d(280px, 0, 0); -moz-transform:translate3d(280px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }
.openResponsive #mobile_menu { visibility:visible; transition:all 0s ease; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_prd_list { }
.index_prd_list .prd_photo .photo { padding:3px; border:1px solid #cccccc; border-radius:4px; }

/*-------------------------------------------------------------------------------------*/
/* PRODUCT */

.prd_content { padding-bottom:24px; }
.prd_content .prd_cate_name { padding-right:300px; padding-bottom:4px; font-size:18px; line-height:18px; }
.prd_content .prd_cate_name+.multipage { position:absolute; right:15px; top:0; }

.prd_list { padding:16px 0; margin:0 -10px; }
.prd_list .no_record { padding:10px; }
.prd_list .prd_item { float:left; width:290px; padding:10px; box-sizing:border-box; }
.prd_list .prd { width:100%; text-align:center; }
.prd_list .prd_photo { width:100%; position:relative; }
.prd_list .prd_photo > img { width:100%; }
.prd_list .prd_photo .photo { display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; xpadding:3px; xborder:1px solid #cccccc; xborder-radius:4px; box-sizing:border-box; }
.prd_list .prd_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_list .prd_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.prd_list .prd_info { height:94px; margin-top:5px; }
.prd_list .prd_title { height:54px; font-size:14px; color:#000000; line-height:18px; font-weight:bold; padding: 3px 0; display: table-cell; vertical-align: middle; width:290px; }
.prd_list .prd_price { height:20px; font-size:17px; color:#FF9900; font-weight:700; line-height:20px; padding: 10px 0; background:url(../img/prd_title_line.png) no-repeat center top; }
.prd_list .prd_price .prd_detail_sp_price { color: red; }
.prd_list .prd_list_cate_name { background: url(../img/hdr_full.png) no-repeat left top ; color: white; height: 29px; line-height: 29px; font-size: 20px; padding-left: 20px; margin: 10px; font-weight: bold; text-transform: uppercase;  }

.prd_detail { padding-top:20px; padding-bottom:24px; }
.prd_detail .prd_detail_photo { float:left; width:430px; }
.prd_detail .prd_detail_photo .large_photo { width:100%; box-sizing:border-box; position:relative; }
.prd_detail .prd_detail_photo .large_photo > img { width:100%; }
.prd_detail .prd_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; text-align:center; font-size:0; }
.prd_detail .prd_detail_photo .large_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }

.prd_detail .prd_detail_photo .photo_enlarge { text-align:center; padding-top:8px; font-size:16px; xdisplay:none; }
.prd_detail .prd_detail_photo .photo_enlarge i { font-size:20px; font-style:normal; }
.prd_detail .prd_detail_photo .photo_enlarge a { color:#333333; }
.prd_detail .prd_detail_photo .photo_enlarge a:hover { color:#0088cc; }

.prd_detail .prd_detail_photo .sub_photo_list { padding-top:16px; margin:-3px; }
.prd_detail .prd_detail_photo .sub_photo { float:left; width:103px; margin:3px; box-sizing:border-box; position:relative; }
.prd_detail .prd_detail_photo .sub_photo > img { width:100%; }
.prd_detail .prd_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; display:block; width:100%; height:100%; box-sizing:border-box; font-size:0; text-align:center; border: solid 3px lightcoral; }
.prd_detail .prd_detail_photo .sub_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .sub_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }

.prd_detail .prd_option_photo { float:left; width:430px; display: none; }
.prd_detail .prd_option_photo .large_option_photo { width:100%; box-sizing:border-box; position:relative; }
.prd_detail .prd_option_photo .large_option_photo > img { width:100%; }
.prd_detail .prd_option_photo .large_option_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; text-align:center; font-size:0; }
.prd_detail .prd_option_photo .large_option_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_option_photo .large_option_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }

.prd_detail .prd_option_photo .option_photo_enlarge { text-align:center; padding-top:8px; font-size:16px; xdisplay:none; }
.prd_detail .prd_option_photo .option_photo_enlarge i { font-size:20px; font-style:normal; }
.prd_detail .prd_option_photo .option_photo_enlarge a { color:#333333; }
.prd_detail .prd_option_photo .option_photo_enlarge a:hover { color:#0088cc; }

.prd_detail .prd_option_photo .option_sub_photo_list { padding-top:16px; margin:-3px; }
.prd_detail .prd_option_photo .option_sub_photo { float:left; width:103px; margin:3px; box-sizing:border-box; position:relative; }
.prd_detail .prd_option_photo .option_sub_photo > img { width:100%; }
.prd_detail .prd_option_photo .option_sub_photo .photo { position:absolute; left:0; top:0; display:block; width:100%; height:100%; box-sizing:border-box; font-size:0; text-align:center; border: solid 3px lightcoral; }
.prd_detail .prd_option_photo .option_sub_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_option_photo .option_sub_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }

.prd_detail .prd_detail_info { float:right; width:calc(100% - 480px); padding:0 10px; box-sizing:border-box; font-size:16px; xcolor:#666666; font-weight:bold; line-height:24px; }
.prd_detail .prd_detail_header { padding:6px 6px 16px 6px; margin:0 -6px; border-bottom:1px solid #aaaaaa; color:#000000; }
.prd_detail .prd_detail_name { font-size:30px; font-weight:bold; line-height: 34px; }
.prd_detail .prd_detail_cate { font-size:18px; }
.prd_detail .prd_detail_code { font-size:18px; color: #666666; font-weight: normal; margin-top: 5px; }
.prd_detail .prd_detail_desc { padding:15px 0; }
.prd_detail .prd_detail_price { height:24px; padding:15px 0; font-size:18px; line-height:24px;  }
.prd_detail .prd_detail_price del { color:#FF9900; padding-left: 5px; }
.prd_detail .prd_detail_price .prd_detail_sp_price { color: red; xdisplay: block; padding-left: 10px; xpadding-left: 66px;  }
.prd_detail .prd_detail_color { height:24px; padding:15px 0; font-size:18px; line-height:24px; }
.prd_detail .prd_detail_colors { height:30px; padding:15px 0; font-size:18px; line-height:30px; margin-bottom: 20px; }
.prd_detail .prd_detail_size  { height:30px; padding:15px 0; font-size:18px; line-height:30px; margin-bottom: 30px; }
.prd_detail .prd_detail_color span.label,
.prd_detail .prd_detail_size  span.label { margin-righ<p align="justify"></p>t: 100%; }
.prd_detail .prd_detail_color select, 
.prd_detail .prd_detail_size  select { width:100%; max-width:200px; height:30px; vertical-align:top; padding:4px; box-sizing:border-box; }
.prd_detail .prd_detail_qty { height:24px; padding:15px 0; font-size:18px; line-height:24px; }
.prd_detail .prd_detail_qty label { vertical-align:top; }
.prd_detail .prd_detail_qty input[type=text], 
.prd_detail .prd_detail_qty input[type=number] { width:80px; height:100%; vertical-align:top; padding: 5px 6px 5px 10px; border: solid 2px silver; margin-top: -5px; margin-left: 10px; font-size:18px; }
.prd_detail .prd_detail_btn { padding:15px 0; }
.prd_detail .prd_detail_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:36px; padding:0 20px; background-color:#c22a01; margin:0 auto; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; line-height:34px; color:#ffffff; }
.prd_detail .prd_detail_btn a:hover { background-color:#ffffff; color:#333333; }
.prd_detail .product_option { padding:15px 0; }
.prd_detail .product_option label { font-size:18px; line-height:24px; margin-bottom: 5px; color: #c22a01; }
.prd_detail .product_option select { font-size:18px; line-height:24px }
.prd_detail .product_option_desc { padding:15px 0; display: none; }
#invalid_color_msg { display:none;color:#FF0000;font-size:12px; }
#invalid_size_msg { display:none;color:#FF0000;font-size:12px; }

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

.news_cart_list { min-height:300px; padding:16px 5px; }
.news_cart_list ul { }
.news_cart_list ul li { padding: 7px 10px; border-bottom: solid 1px gainsboro; }
.news_cart_list ul li a { font-size:17px; color:#333333; font-weight:bold; }
.news_cart_list ul li a:before { content: '\f04b '; font-size: 8px; font-family: 'FontAwesome'; vertical-align: middle; margin-right: 15px; }
.news_cart_list ul li.active a,
.news_cart_list ul li a:hover { color:#c22a01; }

.news_content { }

.news_list { padding-bottom:30px; margin-top: 30px; }
.news_list .sub_title { height: 29px; background: url(../img/hdr_news_list.png) top left no-repeat; color: white; font-size: 18px; font-weight: bold; line-height: 28px; padding-left: 20px; margin-top: -1px; }
.news_list .news_item { padding:15px 0; border-bottom:1px dashed #c22a01; box-sizing:border-box; }
.news_list .news { width:100%; }
.news_list .news_photo { float:left; width:289px; }
.news_list .news_photo img { max-width:100%; }
.news_list .news_info { width:100%; padding:0 20px; box-sizing:border-box; }
.news_list .news_month { font-size:16px; color:#c22a01; font-weight:bold; position: absolute; }
.news_list .news_title { font-size:16px; color:#000000; font-weight:bold; padding-left: 100px; }
.news_list .news_title a { color: black; }
.news_list .news_title a:hover { color: #c22a01; }
.news_list .news_desc { padding-top:6px; font-size:22px; color:#000000; }
.news_list .news_btn { padding-top:10px; }
.news_list .news_btn a { display:block; width:95px; height:29px; background-color:#dbdbdb; font-size:18px; color:#000000; text-align:center; line-height:29px; }
.news_list .news_btn a:hover { background-color:#c22a01; color:#ffffff; }
.news_list .news_photo+.news_info { float:right; width:552px; }

.news_detail { padding-top:28px; }
.news_detail .news_detail_date { color: slategray; }
.news_detail .news_detail_title { padding-bottom:12px; border-bottom:1px dotted #999999; font-size:26px; color:#000000; font-weight:bold; }
.news_detail .news_detail_info { width:100%; }
.news_detail .news_detail_desc { padding:16px 0; font-size:16px; color:#000000; line-height: 20px; }
.news_detail .news_detail_photo { padding:16px 0; }
.news_detail .news_detail_photo img { max-width:100%; }
.news_detail .news_detail_back { padding-top:10px; text-align:right; }
.news_detail .news_detail_back a { font-size:16px; color:#000000; font-weight:bold; }
.news_detail .news_detail_back a:hover { color:#c22a01; }

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

.common_title { padding:0 20px 12px 20px; margin:0 -20px; background:url(../img/title_line.png) no-repeat right bottom; font-size:26px; color:#333333; line-height:1; font-weight:bold; }
.common_content { min-height:400px; padding:20px 0; font-size:16px; color:#333333; line-height:20px; }
.common_content .common_content_title { padding-bottom:12px; border-bottom:1px dotted #999999; font-size:26px; line-height:30px; color:#000000; font-weight:bold; }
.common_content .common_content_info { width:100%; }
.common_content .common_content_desc { padding:16px 0; xfont-size:22px; color:#000000; }
.common_content .common_content_desc2 { padding:8px 0; xfont-size:22px; color:#000000; text-align: justify; }
.common_content .common_content_desc2 a, 
.common_content .common_content_desc a { color:#c22a01; }
.common_content .common_content_desc2 a:hover,
.common_content .common_content_desc a:hover {}
.common_content .common_content_sub_title { padding-bottom:5px; border-bottom:1px dotted #999999; font-size:16px; line-height:24px; color:#c22a01; font-weight:bold; margin-bottom: 5px; }
.common_content .half_side { width: 50%; display: inline-block; float: left; }
.common_content h4 { font-size: 18px; font-weight: bold; color: #45627d;  }
.common_content h5 { font-size: 16px; font-weight: bold; color: #45627d;  }
.common_content .back_button_row { text-align: right; }
.common_content .back_button_row a.button { border: solid 1px gainsboro; padding: 5px 20px; }
.common_content .back_button_row a.button:hover { background-color:#c22a01; color: white; }
.common_content img { max-width: 100%; }

/*-------------------------------------------------------------------------------------*/
/* 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 label span { color:#ff0000; }
.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=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=button]:hover, 
.login_area .login_box_btn input[type=submit]:hover, 
.login_area .login_box_btn a:hover { background-color:#c22a01; 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 select,
.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 select,
.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:#333333; 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:#c22a01; color:#ffffff; }
.login_area .login_box_content label span.registration_error,
.register_area .register_row span.registration_error{ color:#FF0000; display:none; font-size:12px; padding-left:15px; }
.register_area .group_password_entry_show { display: none; }
.register_area .group_edit { display: none; }

/*-------------------------------------------------------------------------------------*/
/* 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; font-size: 18px; }
.checkout_content .msg_box a { text-decoration: underline; color: #c22a01; }
REM.checkout_content .msg_box a:hover { color: #45627d; }

.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 .shipping_cost_area { font-weight: bold; width: 100%; font-size: 0; }
.checkout_area .shipping_cost_area .shipping_cost_title { width: 100%; margin-bottom: 20px; font-size: 16px; }
.checkout_area .shipping_cost_area .shipping_cost_info { display: inline-block; width: 50%; margin-bottom: 20px; font-size: 16px; }

.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: #c22a01; }
.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_total { width:125px; }
.checkout_area .checkout_item_delete { width:30px; padding-left:6px; }
.checkout_area .checkout_item_delete a { display:block; width:24px; height:24px; background-color:#aaaaaa; border-radius:4px; color:#ffffff; line-height:24px; text-align:center; font-size:18px; }
.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:#c22a01; 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:#c22a01; 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 { }
.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:900px; }
.checkout_area .checkout_info_section { width:100%; padding-bottom:15px; }
.checkout_area .checkout_info_login { width:100%; font-size:16px; xbackground-color:#0088cc; padding:8px 20px; text-align:center; box-sizing:border-box; }
.checkout_area .checkout_info_login:first-child { border:1px solid silver; }
.checkout_area .checkout_info_login a { color:#c22a01; 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 { color: red; margin-left: 5px; font-family: verdana; font-weight: bold; }
.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:#c22a01; 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 .checkout_form_error_message { color: red; font-size: 12px; display: none; margin-left: 200px; margin-top: 2px; }
.checkout_area .checkout_info_row .show_error { display: block; }
.checkout_area .checkout_info_row .dvy_met_desc { font-size: 14px; margin-left: 200px;  margin-top: 2px; }
.checkout_area .checkout_info_row .desc { font-size: 14px; margin-top: 15px; margin-bottom: 10px; }
.checkout_area .checkout_info_row label.checkbox_desc { width: 100%; line-height: 16px; min-height: auto; }
.checkout_area .checkout_info_row .checkbox { position: absolute; margin-top: 2px; }
.checkout_area .checkout_info_row .checkbox_desc { font-size: 14px; padding-left: 30px;  margin-bottom: 10px; }
.checkout_area .checkout_info_row .checkbox_desc a { color: #45627d;} 
.checkout_area .checkout_info_row .checkbox_desc a:hover { text-decoration:underline; color: #c22a01; }
.checkout_area .checkout_info_row .terms_dtl { display: none; }
.checkout_area .checkout_info_row .terms_dtl textarea { width: 100%; margin-bottom: 5px; color: slategray; font-size: 14px; line-height: 16px; height: 144px; background-color: whitesmoke; }

.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:#c22a01; 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; }

/*-------------------------------------------------------------------------------------*/
.contact_area { height: 100%; padding-right: 0 !important; }
.contact_area .text_side { display: inline-block; width: calc(50% - 5px); }
.contact_area .text_side p { margin-bottom: 16px; font-size:22px; color:#000000; line-height: 30px; }
.contact_area .text_side a { color: #45627d; }
.contact_area .text_side a:hover { text-decoration:underline; color: #0088cc; }
.contact_area .map_side { display: inline-block; vertical-align: top; width: 50%; height: 400px; }
.contact_area .contact_row { display: inline-block; }
.contact_area .contact_row.line2 { min-height: 40px; }
.contact_area .contact_row .col_label { position: absolute; width: 185px; }
.contact_area .contact_row .col_colon { position: absolute; padding-left: 150px; }
.contact_area .contact_row .col_desc { padding-left: 165px; }
.contact_area .contact_left_side { width: 55%; display: inline-block; vertical-align: top; }
.contact_area .contact_right_side { width: 44%; display: inline-block; }

.content_area .content_sub_title,
.faq_area .faq_sub_title { padding-bottom:12px; border-bottom:1px dotted #999999; font-size:26px; color:#000000; font-weight:bold; }
.content_area .content_desc,
.faq_area .faq_desc { padding:16px 0; font-size:22px; color:#000000; line-height: 30px; }
.faq_area .faq_q { font-weight:bold; }
.faq_area .faq_a { xfont-weight:bold; }
.faq_area .faq_bullet { position: absolute; }
.faq_area .faq_bullet_cnt { padding-left: 30px; }
.content_area a,
.faq_area a { color: #45627d; }
.content_area a:hover,
.faq_area a:hover { text-decoration:underline; color: #0088cc; }
.content_area ul.content_desc { list-style: disc; margin-left: 25px; padding: 0px; }
.content_area ul.content_desc li { padding:16px 0 16px 10px; font-size:22px; color:#000000; line-height: 30px; }
.faq_area .faq_spec { xdisplay: inline-block; }
.faq_area .faq_spec .faq_spec_label { position: absolute; font-weight: bold; color: #45627d; }
.faq_area .faq_spec .faq_spec_desc { padding-left: 120px; ]

ul.style_shippings_ul { list-style: disc; }
ol.style_shippings_ol_num { list-style: decimal; }
.style_shippings_ul li,
.style_shippings_ol_num li { padding-left: 10px; margin-left: 20px; }

.our_story_area .brand_col_img { position: absolute; width: 100px; }
.our_story_area .brand_col_img img { max-width: 100px; }
.our_story_area .brand_col_desc { padding-left: 120px; font-size:22px; color:#000000; line-height: 30px;  }