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

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

@media screen and (max-width: 1259px){
#wrap .container { max-width:960px; }

#wrap .back_to_top { position:fixed; right:25px; bottom:14px; display:none; z-index:999; }
#wrap .back_to_top a { width:48px; height:48px; box-shadow:0 0 10px 6px rgba(255,255,255,0.6); }
#wrap .back_to_top a i { font-size:40px; line-height:44px; }

#top .logo { -ms-flex:0 0 150px; flex:0 0 150px; max-width:150px; }

#top .menu_area { padding-right:0; }
#top .menu_area ul.menu_list { margin-right:-20px; }
#top .menu_area ul.menu_list > li { padding:0; }

#banner .inner_banner .container { height:456px; }

#footer .footer_btn { top:-28px; }
#footer .footer_btn a { width:120px; height:42px; }
#footer .footer_btn a span { font-size:36px; line-height:42px; }

#footer .sitemap_row { padding-right:54px; font-size:17px; }

#footer .language_sitemap { -ms-flex:0 0 195px; flex:0 0 195px; max-width:195px; padding-right:0; }

#footer .footer_logo img { width:150px; }
}

@media screen and (max-width: 980px){
/* desktop to ipad */
select { height:35px; font-size:16px; }

#wrap .container { max-width:768px; }

#top .logo { -ms-flex:0 0 120px; flex:0 0 120px; max-width:120px; padding:16px 0; }
#top .toolbar { display:none; }
#top .mobile_btn { display:block; }
#top .menu_area { display:none; }

#mobile_menu { display:block; }

#banner .inner_banner .container { height:357px; }

#main .multipage { margin:0; text-align:center; }
#main .multipage a { display:none; }
#main .multipage .select_area { display:inline-block; }

#footer .footer_area { padding:30px 0; }

#footer .sitemap_area { -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:end; justify-content:flex-end; }
#footer .sitemap_row { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding-right:20px; }
#footer .sitemap_row .social { font-size:42px; }

#footer .language_sitemap { -ms-flex:0 0 calc(25% + 20px); flex:0 0 calc(25% + 20px); max-width:calc(25% + 20px); padding-right:0; margin:-80px -10px 0 -10px; }
#footer .language_area { display:none; }

#footer .footer_logo { padding-top:36px; }

#copyright { font-size:12px; }

.openResponsive, 
.openResponsive body { xheight:100%; overflow:hidden; xposition:fixed; }
.openResponsive #wrap { left:280px; }
.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 { transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); visibility:visible; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
body { font-size:14px; }

select { height:32px; font-size:16px; }
.select_area select { padding-left:10px; }

#wrap .container { max-width:none; }
#wrap .back_to_top { right:15px; }

#top .logo { -ms-flex:0 0 100px; flex:0 0 100px; max-width:100px; }

#banner .home_banner .banner { height:260px; }
#banner .home_banner .banner img { display:none; } 

#banner .inner_banner .container { height:260px; }
#banner .inner_banner h2 { bottom:20px; font-size:32px; }

#main .path_area { font-size:14px; }

#main .more_loading img { width:40px; }

#footer .footer_btn { top:-22px; }
#footer .footer_btn a { width:100px; height:36px; }
#footer .footer_btn a span { font-size:32px; line-height:36px; }
#footer .footer_area { border-top-width:6px; }

#footer .sitemap_row { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; padding-right:0; font-size:17px; }

#footer .language_sitemap { -ms-flex:0 0 calc(100% + 20px); flex:0 0 calc(100% + 20px); max-width:calc(100% + 20px); margin:0 -10px; }

#footer .footer_logo { position:absolute; right:10px; bottom:0; padding-right:0; padding-top:0; }
#footer .footer_logo img { width:100px; }

#copyright { padding:20px 0; font-size:10px; }
}

@media screen and (max-width: 620px){
#top .mobile_btn a { width:32px; height:32px; line-height:32px; }
#top .mobile_btn a i { font-size:30px; }

#mobile_menu { width:250px; transform:translateX(-250px); -webkit-transform:translateX(-250px); -moz-transform:translateX(-250px); }

.openResponsive #wrap { left:250px; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#wrap .back_to_top { position:fixed !important; bottom:14px !important; }

#top .logo { -ms-flex:0 0 80px; flex:0 0 80px; max-width:80px; }

#banner .home_banner .banner { height:220px; }

#banner .inner_banner .container { height:220px; }
}

@media screen and (max-width: 413px){
#copyright { font-size:9px; }
}

@media screen and (max-width: 374px){
#top .logo { -ms-flex:0 0 84px; flex:0 0 84px; max-width:84px; }

#banner .home_banner .banner { height:200px; }

#banner .inner_banner .container { height:200px; }
}

@media screen and (max-width: 319px){
#top .top_area { display:block; }
#top .logo { margin:0 auto; padding-bottom:10px; }

#top .mobile_btn { position:static; margin-top:0; padding-top:6pxpx; text-align:center; }
#top .mobile_btn a { display:inline-block; vertical-align:top; width:auto; height:auto; padding:8px 15px; font-size:12px; line-height:normal; }
#top .mobile_btn a i { vertical-align:sub; padding-right:8px; font-size:20px; line-height:1; }

#top .menu_area { left:-100%; width:100%; }

.openResponsive #wrap { left:100%; }
}

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

@media screen and (max-width: 1259px){
.box_item .box_info { padding:14px 36px 14px 30px; }
.box_item .box_content h3 { padding:16px 0; font-size:32px; }
.box_item .box_content h3:after { width:124px; }
.box_item .box_content p { font-size:15px; }

.index_box_1 .box_title span { width:476px; }

.index_box_2 .box_info { padding-right:66px; }
.index_box_2 .box_info:before { width:12px; }
.index_box_2 .box_info h3 { padding-bottom:0; }

.index_box_3 .box_info:before { width:429px; height:12px; }
.index_box_3 .box_content { padding-bottom:12px; }
.index_box_3 .box_content h3 { padding-top:0; }

.milestone_section .section_content { padding:0 60px; box-sizing:border-box; }

.milestone_list .milestone_year { max-width:122px; height:255px; }
.milestone_list .milestone_year .year span { width:80px; height:80px; border-width:6px; font-size:22px; }
.milestone_list .milestone_info p { font-size:20px; }

.milestone_list.owl-loaded .owl-item:nth-child(even) .milestone_year .year_img { padding-top:77px; }

.milestone_list.owl-loaded .owl-prev, 
.milestone_list.owl-loaded .owl-next { width:48px; height:48px; box-shadow:0 0 10px 6px rgba(255,255,255,0.7); }
.milestone_list.owl-loaded .owl-prev i, 
.milestone_list.owl-loaded .owl-next i { font-size:40px; color:#ffffff; line-height:48px; }
.milestone_list.owl-loaded .owl-prev { left:-70px; }
.milestone_list.owl-loaded .owl-next { right:-70px; }
.milestone_list.owl-loaded .owl-prev i { margin-right:4px; } 
.milestone_list.owl-loaded .owl-next i { margin-left:6px; }

.factory_list .factory_photo { xheight:220px; }
.factory_list .factory_overlay p { font-size:19px; }

.collections_list .collections { xheight:308px; }

.exhibitions_section .section_content { line-height:1.8; }

.bnr_section { height:164px; }
}

@media screen and (max-width: 980px){
.section .section_title { padding-bottom:20px; font-size:36px; }
.section .section_more a { padding:9px 20px; }

.box_item .box_title { font-size:36px; }
.box_item .box_video iframe { height:386px; }
.box_item .box_info { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; padding:14px 20px; }
.box_item .box_content h3 { font-size:28px; }
.box_item .box_content h3:after { width:64px; margin-left:10px; }
.box_item .box_img { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }

.index_box_1 .box_title span { width:326px; height:32px; }
.index_box_1 .box_title span:before { left:-20px; border-width:0 0 32px 20px; }

.index_box_2 { padding-top:28px; padding-bottom:0; }
.index_box_2 .box_info { -ms-flex:0 0 51.5%; flex:0 0 51.5%; max-width:51.5%; padding-right:32px; }
.index_box_2 .box_info:before { top:-28px; width:8px; }
.index_box_2 .box_info h3 { padding-bottom:0; }
.index_box_2 .box_img { -ms-flex:0 0 48.5%; flex:0 0 48.5%; max-width:48.5%; }
.index_box_2 .box_img img { width:calc(100% + 17px); margin:49px 0 -49px -17px; }
.index_box_2 .box_more { top:38px; }

.index_box_3 .box_info:before { width:269px; height:8px; }

.factory_section { padding:53px 0; }

.factory_list .factory_photo { xheight:180px; }
.factory_list .factory_overlay p { font-size:17px; }

.collections_section { padding:50px 0; }

/*
.collections_list .collections { height:244px; }
*/
.collections_list .collections p { bottom:11px; padding:0 10px; font-size:20px; }

.exhibitions_section { min-height:488px; }
.exhibitions_section .section_content { line-height:1.6; }

.bnr_section { height:124px; }
}

@media screen and (max-width: 767px){
.section .section_title { font-size:28px; }
.section .section_more a { padding:6px 16px; font-size:18px; }

.box_section { padding:38px 0; }
.box_section:after { height:16px; }

.box_item .box_title { font-size:28px; }
.box_item .box_video iframe { height:326px; }
.box_item .box_info { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.box_item .box_content h3 { font-size:22px; }
.box_item .box_content h4 { font-size:20px; line-height:1; }
.box_item .box_content p { font-size:13px; }
.box_item .box_img { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; -ms-flex-order:-1; order:-1; }

.index_box_1 .box_title { padding-bottom:20px; }
.index_box_1 .box_title span { height:20px; }
.index_box_1 .box_title span:before { left:-12px; border-width:0 0 20px 12px; }

.index_box_2 { padding:0; }
.index_box_2 .box_info { padding-right:20px; }
.index_box_2 .box_info:before { top:0; }
.index_box_2 .box_img img { width:100%; margin:0; }
.index_box_2 .box_more { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; position:static; padding-top:10px; text-align:right; }

.index_box_3 .box_info:before { width:65%; }

.milestone_section { height:362px; }
.milestone_section:before { height:6px; }
.milestone_section .section_content { height:348px; }

.milestone_list .milestone_year { max-width:92px; height:200px; }
.milestone_list .milestone_year .year span { width:70px; height:70px; border-width:6px; font-size:20px; }

.milestone_list .milestone_dot { width:18px; height:18px; border-width:3px; }
.milestone_list .milestone_info { height:200px; }
.milestone_list .milestone_info p { font-size:16px; line-height:1.2; }
.milestone_list .milestone_info img { max-width:90%; }

.milestone_list.owl-loaded .owl-item:nth-child(even) .milestone_year .year_img { padding-top:66px; }

.factory_list .factory_item { width:50%; }
.factory_list .factory_overlay p { font-size:10px; }

/*
.collections_list .collections_item { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
.collections_list .collections_item:last-child { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.collections_list .collections { height:224px; }
*/
.collections_list .collections p { font-size:18px; }

.exhibitions_section { min-height:388px; }
.exhibitions_section .section_content { max-width:100%; font-size:22px; }
.exhibitions_section .section_more { max-width:100%; }

.bnr_section { height:104px; }
}

@media screen and (max-width: 479px){
.box_item .box_video iframe { height:266px; }

.box_section:after { height:12px; }

.collections_list .collections p { font-size:14px; }
}

@media screen and (max-width: 413px){
.factory_list .factory_photo { xheight:140px; }
.factory_list .factory_overlay p { font-size:9px; }

/*
.collections_list .collections { height:200px; }
*/

.collections_list .collections p { font-size:12px; }

.bnr_section { height:64px; }
}

@media screen and (max-width: 319px){
.collections_list .collections_item { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* CRAFTSMANSHIP */

@media screen and (max-width: 980px){
.craftsmanship_content ul.icon_img { margin:-10px; }
.craftsmanship_content ul.icon_img li { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; padding:10px; }
}

@media screen and (max-width: 767px){
.craftsmanship_content { padding:58px 0; }
.craftsmanship_content h3 { font-size:24px; }
.craftsmanship_content p { font-size:16px; }

.craftsmanship_content ul.icon_img { margin:-8px; }
.craftsmanship_content ul.icon_img li { padding:8px; }

.about_point .point_items { -ms-flex:0 0 50%; flex:0 0 50%; width:50%; }
.about_point .point_items h3 { font-size:16px; }
.about_point .point_items p { font-size:12px; }
}

@media screen and (max-width: 479px){
/*
.craftsmanship_content ul.icon_img li { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
*/
.craftsmanship_content ul.icon_img { margin:-4px; }
.craftsmanship_content ul.icon_img li { padding:4px; }
}

/*-------------------------------------------------------------------------------------*/
/* COLLECTIONS */

@media screen and (max-width: 980px){
.product_list .product_item { -ms-flex:0 0 33.33334%; flex:0 0 33.33334%; max-width:33.33334%; }
}

@media screen and (max-width: 767px){
.product_cate ul li a { padding:6px 10px; font-size:18px; }

.product_cate_info { font-size:18px; }

.product_list .product_photo .prd_overlay a { padding:8px 26px; font-size:15px; }
.product_list .product_info { font-size:16px; }

.product_detail .product_detail_info { padding:20px 12px; font-size:24px; }

.product_more a { padding:6px 20px; font-size:21px; }
}

@media screen and (max-width: 479px){
/*
.product_cate ul li { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
*/
.product_cate ul li { min-height:52px; }
.product_cate ul li a { padding:4px 8px; font-size:14px; }
/*
.product_list .product_item { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
*/

.product_list .product_photo .prd_overlay a { padding:4px 12px; font-size:13px; }

.blocker { padding:26px !important; }

.prd_detail_popup a.close-modal { top:-26px !important; right:-26px !important; width:26px !important; height:26px !important; background-size:cover !important; }
}

@media screen and (max-width: 413px){
.product_cate ul li a { padding:0 8px; font-size:12px; }
/*
.product_cate ul li { -ms-flex:0 0 33.33334%; flex:0 0 33.33334%; max-width:33.33334%; }
*/
}

/*-------------------------------------------------------------------------------------*/
/* EXHIBITIONS && WHAT’S NEW */

@media screen and (max-width: 1259px){
.news_highlight .highlight_info { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; height:340px; padding:72px 16px 16px 16px; }

.news_highlight .highlight_detail { height:252px; padding:10px 0; }

.news_list_area .news_detail { -ms-flex:0 0 358px; flex:0 0 358px; max-width:358px; height:460px; }

.news_list_area .news_list { -ms-flex:0 0 202px; flex:0 0 202px; max-width:202px; height:460px; }

.news_promo_img { -ms-flex:0 0 370px; flex:0 0 370px; max-width:370px; }
.news_promo_img .img { height:532px; }
}

@media screen and (max-width: 980px){
.news_highlight .highlight_topic { height:56px; padding:0 20px 0 32px; font-size:26px; }
.news_highlight .highlight_detail table td { padding:8px 16px; }

.news_list_area .news_detail { -ms-flex:0 0 270px; flex:0 0 270px; max-width:270px; height:362px; }
.news_list_area .news_detail .news_detail_info { padding:12px 14px 0 14px; line-height:1.2; }

.news_list_area .news_list { -ms-flex:0 0 148px; flex:0 0 148px; max-width:148px; height:362px; }
.news_list_area .news_list .news { padding:4px 8px; font-size:13px; }
.news_list_area .news_list .news_year { -ms-flex:0 0 30px; flex:0 0 30px; max-width:30px; }
.news_list_area .news_list .news_info { font-size:11px; }

.news_promo_img { -ms-flex:0 0 320px; flex:0 0 320px; max-width:320px; }
.news_promo_img .img { height:434px; }

.jspVerticalBar { width:12px !important; }
}

@media screen and (max-width: 767px){
.news_highlight .highlight_area { background-color:#222640; padding-top:72px; }
.news_highlight .highlight_photo { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; height:auto; }
.news_highlight .highlight_info { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:auto; padding:16px; position:static; }
.news_highlight .highlight_detail { height:auto; min-height:240px; font-size:17px; }

.news_list_area { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; max-width:100%; }
.news_list_area .news_list_tab .tab { font-size:17px; }

.news_list_area .news_detail { -ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; height:406px; }
.news_list_area .news_detail .news_detail_info { font-size:13px; }
.news_list_area .news_detail .news_detail_info h3 { font-size:16px; }

.news_list_area .news_list { -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; height:406px; }

.news_promo_img { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.news_promo_img .img { height:auto; }

.jspVerticalBar { width:8px !important; }
}

/*-------------------------------------------------------------------------------------*/
/* CONTACT */

@media screen and (max-width: 980px){
.content_content .content_name { padding:10px 68px 10px 20px; }
.content_content .content_name span { right:20px; }
.content_content .content_info { padding:20px; }
.content_content .content_map { height:320px; }
}

@media screen and (max-width: 767px){
.content_content { padding-bottom:82px; }
.content_content .content_title { font-size:28px; }
.content_content .content_name { padding:10px 56px 10px 16px; font-size:18px; }
.content_content .content_name span { right:16px; font-size:24px; }
.content_content .content_detail { font-size:16px; }
.content_content .content_map { height:280px; }
}

@media screen and (max-width: 479px){
.content_content { padding-bottom:52px; }
.content_content .content_name { padding:8px 44px 8px 12px; }
.content_content .content_name span { right:12px; font-size:20px; }
.content_content .content_map { height:200px; }
}

/*-------------------------------------------------------------------------------------*/
/* EDITOR CONTENT */

@media screen and (max-width: 980px){
.editor_content { }
.editor_content img { width:auto !important; height:auto !important; }
.editor_content table { xwidth:auto !important; max-width:100%; }
.editor_content iframe { max-height:calc(30vh) }
.editor_content a[href^="http:"],
.editor_content a[href^="https:"],
.editor_content a[href^="mailto:"] { word-break:break-all; }
}

@media screen and (max-width: 767px){
.editor_content { font-size:14px; }
}