@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; }
h1 { color: #aa192d; }

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 */

.index_brand_link_area { padding:22px 0; }
.index_brand_link_area .index_brand_link_title { padding-bottom:10px; font-size:23px; color:#003f87; font-weight:bold; text-align:center; }
.index_brand_link_area .index_brand_link_content { width:100%; position:relative; }
.index_brand_link_area .index_brand_link_list { display:block; margin:0 -6px; }
.index_brand_link_area .index_brand_link_item { float:left; width:207px; padding:6px; box-sizing:border-box;height:250px; }
.index_brand_link_area .index_brand_link { width:100%; }
.index_brand_link_area .index_brand_link img { width:100%; }

.index_brand_link_area .index_brand_link_list.owl-carousel { width:100%; margin:0; }
.index_brand_link_area .index_brand_link_list.owl-carousel .owl-item .index_brand_link_item { width:100%; padding:0; }
.index_brand_link_area .index_brand_link_list .owl-controls { position:absolute; left:0; top:50%; width:100%; }
.index_brand_link_area .index_brand_link_list .owl-nav { position:absolute; left:0; top:-11px; width:100%; font-size:22px; color:#999999; }
.index_brand_link_area .index_brand_link_list .owl-prev, 
.index_brand_link_area .index_brand_link_list .owl-next { position:absolute; top:0; }
.index_brand_link_area .index_brand_link_list .owl-prev { left:-38px; top:-35px; }
.index_brand_link_area .index_brand_link_list .owl-next { right:-38px; top:-35px; }


#wrap { width:100%; min-width:1170px; background-color:#ffffff; position:relative; z-index:1000; overflow:hidden; }
#wrap .container { width:100%;padding-right:0px;max-width:1170px; 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:#6f6f6f; 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:#000000; color:#ffffff; }

#toolbar {background-color: #000000;}
#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:#aa192d; 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 #ffffff; font-size:14px; xfont-weight: bold; }
#toolbar .member_area ul li:first-child { border-left:none; }
#toolbar .member_area ul li > a { color:#FFFFFF; }
#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:14px; vertical-align:top; font-weight: normal; }
#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; background-color:#ffffff;  margin-top: 20px; margin-bottom: 10px; }
#top .logo {float:left;/* width: 227px; */transition:all 0.2s linear;/* left: -55px; */position: relative;}
#top .logo img {/* width:50%; */}

.trarea{position: absolute;right: 0px;display: inline-block;}
.trarea img{float:right;}
#top .search_area { float:left; height:40px; border:1px solid #cccccc; margin-top:10px; margin-right:35px; box-sizing:border-box;  font-size:0; overflow:hidden; border-radius: 20px}
#top .search_area input[type=text] { width:220px; height:38px; padding:0 14px; border:none; 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 { float:right; width:100%; margin-top:5px; }
#top ul.menu_list {font-size:0;width: 100%;}
#top ul.menu_list > li {display:inline-block;zoom:1; *display:inline;vertical-align:middle;padding:0 3px;position:relative;width: 19%;}
#top ul.menu_list > li.mobile_only { display:none; }
#top ul.menu_list > li > a.lv1 { display:block; height:40px; padding:0px; background-color:transparent; box-sizing:border-box; font-size:16px; color:black; line-height:40px; xfont-weight:bold; text-align: center; }
#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 { border-bottom: 5px solid #905939; }
#top a.active {xborder-bottom:5px solid #905939}

#top ol.menu_sub_list { position:absolute; left:3px; top:40px; z-index:9; width:100%; padding:14px 0 8px 0; xbackground-color:#aa192d; background-color:#ffffff; border: solid 1px #d0b040; 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:15px; xcolor:#ffffff; xcolor:#a6abaf; color:#333333; }
#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:18px; font-style:normal; }
#top ol.menu_sub_list > li > a.lv2:hover { color: #905939; }

#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: #000000;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: #000000;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: #000000;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:#aa192d; 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:#aa192d; 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: #000000;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: #000000;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: #000000;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; }

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

#banner .banner_slideshow { width:100%; }

#banner .inner_banner {height: 160px;background-color: #ebebeb;background-size: cover;}
#banner .inner_banner img { }
#banner .inner_banner .banner_title { color: #aa192d; position: absolute; bottom: 20px; font-size: 46px; left: 40px; }
#banner .inner_banner .bnr_text{color: #000000;font-size: 40px;position:relative;top: 80px;}

#banner .ab_banner { min-height:706px; background-image: url("../img/aboutmsg.png"); background-size: auto 100%; }
#banner .abbanner img { }
#banner .ab_banner .banner_title { color: #aa192d; position: absolute; bottom: 20px; font-size: 46px; left: 40px; }
#banner .ab_banner .ab_text{ position:relative; padding-top:  40px;font-size: 20px;max-width: 300px;}
#banner .ab_banner .ab_logo{ position:relative; padding-top: 5px;font-size: 20px;max-width: 300px; border-bottom:2px solid black; padding-bottom:20px;}
#banner .ab_banner .ab_welcome{ position:relative; padding-top: 10px;font-size: 35px;max-width: 300px;}
#banner .ab_banner .ab_right{ position:absolute; right:0px; padding-top: 150px;}
#banner .ab_banner .ab_right_txt{color: #660000;font-weight: bold;font-size: 60px;right: 30px;position: absolute;}
#banner .ab_banner .ab_right_txt2{color: #333333;font-size: 20px;right: 10px;position: absolute;}
#banner .ab_banner .ab_btn{display: inline-block;zoom: 1;vertical-align: top;height: 36px;padding: 0 20px;background-color: #915836;margin: 0 auto;border: 1px solid #cccccc;box-sizing: border-box;font-size: 16px;line-height: 34px;color: #ffffff;}

#abanner {}
#main { padding-top:20px;  min-height: 524px;}
#main .container { padding-bottom:50px; }
#main .title_area { height:39px; padding: 0; xpadding:8px 0; position:relative; width: 100%; margin-top: -20px; }
#main .home_desc { margin-top: -20px; margin-bottom: 50px; }
#main .titleXXX { 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 .title_area .title {  zoom:1; *display:inline; vertical-align:top; xmargin-top:-8px; xpadding-right:20px; background-color:#ffffff; font-size:24px; color:#000000; line-height:39px; padding-top: -20px; border-bottom: 2px solid #D8C9C0; }
#main .title_area .title span { vertical-align: top; font-size: 25px;  }
#main .title_area .btn_more { margin-top: 7px; margin-right: 10px; }
#main .title_area .btn_more a { background-color:#d0b040; padding: 5px; color: white; xborder: solid 1px #BE9B24; font-size: 14px; }
#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-left:6px; font-size:16px; color:#333333; line-height:1; }
#main .page_row a:hover { color:#aa192d; }

#main .direct_path_area { width:100%; padding-left:20px; padding-right:300px; xmargin-bottom:28px; display:block; box-sizing:border-box; position:relative; }
#main .direct_path_area .direct_path { width:100%; font-size:14px; 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; margin-bottom: 30px; }
#main .cate_list_area { width:100%; background-color:#fbfbfb; border:1px solid #cccccc; box-sizing:border-box; }
#main .cate_title { width:100%; padding:10px 30px; background-color:#ffffff; border-bottom:1px solid #cccccc; box-sizing:border-box; font-size:18px; }
#main .cate_list { padding:20px 30px 20px 30px; }
#main .cate_item { margin-bottom:10px; }
#main .cate_item .main_cate {/* padding-bottom:15px; */font-size:16px;color:#666666;xfont-weight:bold;margin-bottom: 10px; letter-spacing: 2px}
#main .cate_item .main_cate a { color:#666666; }
#main .cate_item .main_cate a:hover { color:#915936;}
x#main .cate_item .main_cate a:before { content:">"; font-size:18px;}
#main .cate_item .main_cate a.active { color:#915936;}
#main .cate_item .sub_cate {/* padding: 2px 0 14px 10px; */box-sizing:border-box;padding: 0px 10px;}
#main .cate_item .sub_cate_name { position:relative; font-size:14px; color:#000000; font-weight:bold; }
#main .cate_item .sub_cate_name:before { position:absolute; left:-10px; top:0; content:">     "; }
#main .cate_item .sub_cate_name a { color:#000000; transition:all 0.2s ease; font-size: 14px; padding-left:15px;letter-spacing: 1px;}
#main .cate_item .sub_cate_name a:hover { }
#main .cate_item .sub_cate_list { padding-top:6px; padding-bottom:4px; display:none; }
#main .cate_item .sub_cate_list ul { }
#main .cate_item .sub_cate_list ul li { padding-left:6px; padding-bottom:4px; position:relative; font-size:14px; color:#666666; font-weight:bold; }
#main .cate_item .sub_cate_list ul li:before { position:absolute; left:0; top:0; content:"-"; }
#main .cate_item .sub_cate_list ul li a { color:#666666; transition:all 0.2s ease; }
#main .cate_item .sub_cate_list ul li a:hover { }
#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:#333333; }
#main .multipage a.onpage, 
#main .multipage a:hover {background-color: #b9b9b9;color:#ffffff;}

#footer { padding:20px 0px;background-color:#ebebeb;}

#footer div,p{color:#666666;}
#footer div{margin-bottom:20px;}
#footer .footer_sitemap { padding-top:20px; display:table; }
#footer .footer_sitemap .sitemap_area { display:table-cell; width:807px; padding-top:25px; padding-right:10px; vertical-align:top; box-sizing:border-box; font-size:0; text-align:left; }
#footer .footer_sitemap .sitemap_area ul { display:inline-block; min-width:130px; max-width:210px; padding-right:16px; vertical-align:top; box-sizing:border-box; }
#footer .footer_sitemap .sitemap_area ul:first-child {  }
#footer .footer_sitemap .sitemap_area ul li { padding-bottom:6px; font-size:16px; line-height: 18px; }
#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; padding-bottom: 10px; }
#footer .footer_sitemap .sitemap_area ul li a { color:#ffffff; transition:all 0.1s ease; padding-right: 23px; border-right: 1px solid white; }
#footer .footer_sitemap .sitemap_area ul li a:hover { text-decoration:underline; }
#footer .footer_sitemap .sitemap_area ul:last-child li a  { border-right: none; }

#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:20px; font-size:16px; font-weight:bold; color:#ffffff; display: table; }
#footer .wd { font-weight:bold; color:#ffffff; }
#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:left; display: table-cell; color:#ffffff;}
#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; }
#footer .social_footer_h { display: inline-block; position:absolute; padding-top:20px; color:#ffffff; }
#footer .social_footer { display: inline-block; position: relative; padding-top: 10px; padding-left: 100px; color:#ffffff;}

.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;     box-shadow: 2px 2px 15px rgba(0,0,0,0.2); }

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

.cate_desc { margin:27px 0px 0 0px; padding: 10px; background-color: #faedcb; }
.cate_desc h1 { color: #aa192d; font-size: 20px; }

.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; height: 100%; }
.prd_list .prd_item { float:left; width:290px; padding:10px; box-sizing:border-box; margin-top:20px;}
.prd_list .prd { width:100%; text-align:center; }
.prd_list .prd_photo { width:100%; background-color:#ffffff; position:relative; box-sizing:border-box;     box-shadow: 2px 2px 15px rgba(0,0,0,0.2); }
.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%; padding:5px; 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:56px; padding-top:14px; }
.prd_list .prd_title { height:50px; font-size:18px; color:#000000; line-height:18px; xfont-weight:bold; border-bottom: 1px solid #dfcfc5; padding-bottom:5px; }
.prd_list .prd_price { height:20px; font-size:18px; color:black; font-weight:700; line-height:20px; padding-top: 4px; }
.prd_list .prd_price span { color: #000000; }
.prd_list .prd_price del { color: #cc6600; font-size: 14px; }

.cSelect{ border: 3px solid #000000; width: 25px !important;height: 25px !important;}

.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; border: solid silver 3px; 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; border: solid 2px gainsboro; }
.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; }
.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_detail_info { float:right; width:calc(100% - 480px); padding:0 10px; box-sizing:border-box; font-size:16px; color:black; xfont-weight:bold; line-height:24px; }
.prd_detail .prd_detail_header { padding:6px 6px 16px 6px; margin:0 -6px; xborder-bottom:1px solid #aaaaaa; color:#000000; padding-bottom: 20px; border-bottom: 2px solid #e9ded7; }
.prd_detail .prd_detail_name {font-size:30px;font-weight:bold;color: #000000;}
.prd_detail .prd_detail_cate { font-size:18px; }
.prd_detail .prd_detail_code { font-size:18px; color: #a2765e; font-weight: normal; margin-top: 5px; }
.prd_detail .prd_detail_desc { padding:15px 0; font-size:20px;}
.prd_detail .prd_detail_desc p{color:#666666;}
.prd_detail .prd_detail_row { min-height:24px; padding: 15px 0 0 0; font-size:18px; line-height:24px; }
.prd_detail .prd_detail_row label { position: absolute; width: 150px; }
.prd_detail .prd_detail_row p { display: inline-block; padding-left: 150px; }
.prd_detail .prd_detail_price { min-height:24px; xpadding:15px 0; font-size:18px; line-height:24px; }
.prd_detail .prd_detail_price del { color: silver; }
.prd_detail .prd_detail_sp_price { min-height:24px; xpadding: 0; xpadding: 0 0 15px 0; font-size:18px; line-height:24px; }
.prd_detail .prd_detail_sp_price span, 
.prd_detail .prd_detail_price span {color: #000000;font-size: 25px;font-weight: bold;}
.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-right: 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; padding-top:10px; }
.prd_detail .prd_detail_qty input[type=text], 
.prd_detail .prd_detail_qty input[type=number] { width:100px; height:40px; vertical-align:top; padding-left:6px; }
.prd_detail .prd_detail_btn { padding:25px 0; }
.prd_detail .prd_detail_btn a {display:inline-block;zoom:1; *display:inline;vertical-align:top;height:36px;padding:0 20px;background-color: #000000;margin:0 auto;border:1px solid #cccccc;box-sizing:border-box;font-size:16px;line-height:34px;color:#ffffff;}
.prd_detail .prd_detail_btn a:hover { background-color:#ffffff; color:#333333; }
#invalid_color_msg { display:none;color:#FF0000;font-size:12px; }
#invalid_size_msg { display:none;color:#FF0000;font-size:12px; }


.aboutmsg{ background-image: url("../img/aboutmsg_1.png"); height:706px;   }
.viewmb{text-align: center;margin-top:60px;}
.viewmb span{border:1px solid grey; letter-spacing: 3px; padding:20px 40px;}
.viewmb span:hover{background-color: #000000; color:#ffffff;}


/* WORKSHOP */

.workshop_content { margin:0 -20px; }
.workshop_content .workshop_list_area { float:left; width:290px; padding-bottom:20px; }
.workshop_content .workshop_list { width:100%; xmin-height:765px; padding-bottom:30px; box-sizing:border-box; }
.workshop_content .workshop_select { display:none; width:100%; }
.workshop_content .workshop_select select { width:100%; height:38px; padding:0 14px; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; outline:none; }
.workshop_content .workshop_item { width:100%; padding-bottom:9px; }
.workshop_content .workshop {display:block;width:100%;padding:20px 24px 20px 27px;/* background-color: #e7e7e7; */box-sizing:border-box;position:relative;transition:all 0.2s ease;border: 3px solid #e7e7e7;}
.workshop_content .workshop:before {position:absolute;right:-16px;top:50%;content:"";width:0;height:0;margin-top:-17px;border-style: solid;border-width:17px 0 17px 16px;border-color: transparent transparent transparent #e7e7e7;display:none;}
.workshop_content .workshop_photo { float:left; width:80px; height:98px; text-align:left; }
.workshop_content .workshop_photo img { max-width:100%; max-height:100%; }
.workshop_content .workshop_info { float:right; width:140px; height:98px; text-align:left; font-size:0; overflow:hidden; }
.workshop_content .workshop_info:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.workshop_content .workshop_info p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:100%; font-size:14px; color:#000000; line-height:18px; }
.workshop_content .workshop_info span {display:block;color: #000000;}
.workshop_content .workshop.active,
.workshop_content .workshop:hover {/* background-color:#f7e6cc; */}
.workshop_content .workshop.active:before { display:block; } 
.workshop_content .workshop_list_area .multipage { text-align:center !important; }

.workshop_content .workshop_detail {float:right;width:802px;padding:26px 48px;/* background-color:#e6e4d8; */border:3px solid #e7e7e7;box-sizing:border-box;}
.workshop_content .workshop_detail_header {width:100%;padding:12px;border-bottom: 2px solid #e7e7e7;box-sizing:border-box;}
.workshop_content .workshop_detail_date {font-size:17px;color: #000000;font-weight:bold;}
.workshop_content .workshop_detail_title { font-size:17px; color:#000000; font-weight:bold; }
.workshop_content .workshop_detail_content { width:100%; padding:12px; box-sizing:border-box; }
.workshop_content .workshop_detail_desc { padding-bottom:26px; font-size:14px; color:#000000; }
.workshop_content .workshop_detail_img { padding-bottom: 5px; text-align:center; }
.workshop_content .workshop_detail_img img { max-width:100%; }
.workshop_content .workshop_detail_iframe { width:100%; position:relative; }
.workshop_content .workshop_detail_iframe img { width:100%; }
.workshop_content .workshop_detail_iframe iframe { position:absolute; left:0; top:0; width:100%; height:100%; border:0; }



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


.news_cate_area .owl-prev { width: 21px; height: 33px; background-image: url(../img/prev_arrow.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; position: absolute; top:30%; left: -15px; font-size: 0; }
.news_cate_area .owl-next { width: 21px; height: 33px; background-image: url(../img/next_arrow.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; position: absolute; top: 30%; right: -15px; font-size: 0; }

.news_cate_area { width:100%; margin-bottom: 10px; xmargin-bottom: -12px; padding:15px 15px 0 15px; text-align:center; box-sizing:border-box; }
.news_cate_area .news_cate_list { width:100%; xheight:95px; }
.news_cate_area .news_cate_item { xfloat:left; width:95px; xheight:95px; background-repeat:no-repeat; margin:0 auto; position:relative; }
.news_cate_area .news_cate_item a { position:absolute; left:0; top:0; z-index:5; display:block; width:100%; height:100%; box-sizing:border-box; text-align:center; font-size:14px; color:#ffffff; font-weight:bold; transition:all 0.2s ease; }
.news_cate_area .news_cate_item a:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.news_cate_area .news_cate_item a:hover { color: #aa192d;; }
.news_cate_area .news_cate_item a p { width:90%; display:inline-block; zoom:1; *display:inline; vertical-align:middle; }

.tc .news_cate_area .news_cate_item a { font-size: 20px; }

.news_main_cate_name { width: 100%; border-bottom:2px solid #a68c2f; box-sizing:border-box; color: #a68c2f; font-size: 30px; padding: 0 20px; }

.news_content { margin:0 -20px; }
.news_content .direct_path_area { margin-bottom: 10px; width: 100%; padding-right: 20px !important; }
.news_content .msg_box { margin: 20px; }
.news_content .news_list_area { float:left; width:290px; padding-bottom:20px; }
.news_content .news_list { width:100%; xmin-height:765px; padding-bottom:30px; box-sizing:border-box; }
.news_content .news_select { display:none; width:100%; }
.news_content .news_select select { width:100%; height:38px; padding:0 14px; background-color:#ffffff; border:1px solid #cccccc; box-sizing:border-box; outline:none; }
.news_content .news_item { width:100%; padding-bottom:9px; }
.news_content .news { display:block; width:100%; padding:20px 24px 20px 27px; background-color:#fef7d9; box-sizing:border-box; position:relative; transition:all 0.2s ease; }
.news_content .news:before { position:absolute; right:-16px; top:50%; content:""; width:0; height:0; margin-top:-17px; border-style:solid; border-width:17px 0 17px 16px; border-color:transparent transparent transparent #f7e6cc; display:none; }
.news_content .news_photo { float:left; width:80px; height:98px; text-align:left; }
.news_content .news_photo img { max-width:100%; max-height:100%; }
.news_content .news_info { xfloat:right; width:100%; height:98px; text-align:left; font-size:0; overflow:hidden; }
.news_content .news_info:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.news_content .news_info p { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:100%; font-size:16px; color:#000000; line-height:18px; }
.news_content .news_info span { display:block; color:#aa192d; }
.news_content .news.active,
.news_content .news:hover { background-color:#f7e6cc; }
.news_content .news.active:before { display:block; } 
.news_content .news_list_area .multipage { text-align:center !important; }

.news_content .news_detail { float:right; width:802px; padding:26px 48px; background-color:#faedcb; xborder:3px solid #e7e7e7; box-sizing:border-box; }
.news_content .news_detail_header { width:100%; padding:16px; border-bottom:2px solid #a68c2f; box-sizing:border-box; }
.news_content .news_detail_date { font-size:16px; color:#aa192d; font-weight:bold; }
.news_content .news_detail_title { font-size:20px; color:#000000; font-weight:bold; }
.news_content .news_detail_content { width:100%; padding:16px; box-sizing:border-box; }
.news_content .news_detail_desc { padding-bottom:26px; font-size:16px; color:#000000; }
.news_content .news_detail_img { padding-bottom: 5px; text-align:center; }
.news_content .news_detail_img img { max-width:100%; }
.news_content .news_detail_iframe { width:100%; position:relative; }
.news_content .news_detail_iframe img { width:100%; }
.news_content .news_detail_iframe iframe { position:absolute; left:0; top:0; width:100%; height:100%; border:0; }

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

/*-------------------------------------------------------------------------------------*/
/* 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:14px; color:#333333; line-height:18px; }

/*-------------------------------------------------------------------------------------*/
/* 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:#aa192d; 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:#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: #000000;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_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:#aa192d; 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 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; }

.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; }

/*-------------------------------------------------------------------------------------*/
.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:18px; color:#000000; line-height: 24px; }
.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; }

.form_area .form_row { max-width: 500px; width: 500px; }
.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; }


.content_area .content_sub_title { padding-bottom:12px; border-bottom:1px dotted #999999; font-size:26px; color:#000000; font-weight:bold; }
.content_area .content_desc { padding:16px 0; font-size:18px; color:#000000; line-height: 24px; }
.content_area a { color: #45627d; }
.content_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; }

.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;
}