/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, p , a {	margin: 0;padding: 0;border: 0;	font-size: 100%;font: inherit;vertical-align: baseline;	font-family: "Microsoft JhengHei", "微軟正黑體", Verdana, Geneva, sans-serif; color: #333; font-size: 16px;}
/* HTML5 display-role reset for older browsers * /
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} , body {	line-height: 1;} , ol, ul {	list-style: none;} ,blockquote, q {	quotes: none;} ,blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} ,table {	border-collapse: collapse;	border-spacing: 0;}
section, article, aside, footer, header, nav {
  display:block;}*/


body{ /*background-image: url(/images/project/nordic/visual_back.jpg); background-position: top center; background-repeat:no-repeat;*/margin: 0;padding: 0;border: 0;	font-size: 100%;font: inherit;vertical-align: baseline;	font-family: "Microsoft JhengHei", "微軟正黑體", Verdana, Geneva, sans-serif; color: #333; font-size: 16px;}

#wrapper{ width:100%; font-size:16px;}
.black{ color: #000; font-size: 14px;}
.slidnav{display: block; width: 70px; height: auto; position: fixed; right:0; z-index: 9999;}
.slidnav ul li { display:block; width: 70px; height:70px;  background-color: #232427;text-align: center; border-bottom: 1px solid #333;}
.slidnav ul li a{ display:block;text-decoration: none; line-height:1.5em; color: #fff;font-size:13px; padding-top:13px; }
.slidnav ul li a:hover{ color: #1db0ee;}
.nordicHeader{ display: block; width: 100%; height: 400px; background-image: url(/images/project/nordic/visual_back.jpg); background-position: top center; background-repeat:no-repeat; margin: auto; }
.nordicNav{ display: block; width:100%; line-height:30px;   position: relative;  }
    .nordicNav ul {  position: absolute;
  margin-left: 858px;
  width: 600px;
    }
.nordicNav li { display: inline-block; float: right; width:120px;}
.nordicNav li a{ text-decoration: none; color: #fff; font-size:16px; }
.nordicNav li a:hover{ color: #ffea00;}
.content{ width: 100%; margin: auto; height: auto; }
.chapter_01{ display: block; width:1000px;  height: 1104px; background-image: url(/images/project/nordic/content01_bg.jpg); margin: auto; position: relative; margin-bottom:50px;}
.content h2 span{ font-size: 12px; color:#999; }
.content h2:before{ content: ""; display: inline-block; width: 136px; height:130px; background-image: url(/images/project/nordic/title_front.png);float: left; margin-top: -30px;}
.content h2{ display:block; width:1000px; height:120px; color: #333; font-size: 30px; font-weight: bolder; line-height: 1em; margin: 0 auto; margin-top: 50px;}
.chapter_01 div{ display: block; width: 225px; padding-left: 15px; border-left: 1px solid #58bff0;line-height: 1.5em; position: absolute;}
.chapter_01 div a , .chapter_02_inner div a{text-decoration: none; }
.chapter_01 div p , .chapter_02_inner div p{font-size: 14px;}
.chapter_01 div h3 , .chapter_02_inner div h3{  font-weight: bolder; color:#333;}
.chapter_01 div a:hover h3 , div a:hover p , .chapter_02 div a:hover h3 , div a:hover p{ color: #58bff0;}
.top_01{right: 100px; top:70px;}
.top_02{left:215px; top:345px;}
.top_03{left:215px; top:600px;}
.top_04{right: 100px; top:900px;}
.chapter_02{display: block; width:100%; background-color: #e5eff9; padding-top:10px; }
.chapter_02 .chapter_02_inner{ display: block; width: 1000px; margin: 0 auto; height:1470px; background-image: url(/images/project/nordic/content02.jpg); background-repeat: no-repeat; position:relative;}
.chapter_02_inner div{ display: block; width:350px; background: rgba(255,255,255,0.7); padding:15px 20px; overflow: hidden;line-height: 1.5em; position: absolute;}
.chapter_02_inner div span{ display: inline-block;float: left; width: 157px; height: 157px; margin-right: 20px;}
.chapter_02_inner div h3{ margin-top:30px;}
.list_01{left: 55px; top:310px;}
.list_02{right: 55px; top:80px;}
.list_03{left: 55px; top:840px;}
.list_04{right: 55px; top:610px;}
.list_05{right: 165px; bottom:76px;}
.chapter_03{ display: block; width:1000px;  height:auto; margin: auto; position: relative;}
.chapter_03 strong{ display: block; text-align: center;font-size: 24px; line-height: 1.5em;font-weight: bolder; color:#333;}
.chapter_03 p{display: block; text-align: center;line-height:3em;}
.chapter_03 ul li{ display:inline-block; width:333px; height: 350px; background-position: top;  margin:50px 0;}
.chapter_03 ul li a { display:inline-block; width:333px; height: 350px;}
.chapter_03 ul li.nav01{ background-image: url(/images/project/nordic/deco_nav01.jpg);}
.chapter_03 ul li.nav02{ background-image: url(/images/project/nordic/deco_nav02.jpg);}
.chapter_03 ul li.nav03{ background-image: url(/images/project/nordic/deco_nav03.jpg);}
.chapter_03 ul li:hover{ background-position:bottom; }
.classic{ display: block; width: 100%; background-image: url(/images/project/nordic/classic.jpg); height:739px; position: relative;}
.classic ul li , .chic ul li , .item ul li{ display: block;width: 180px; height:100px; position:absolute;}
.classic ul li a , .chic ul li a , .item ul li a{ display: block;  text-decoration: none;width: 180px; height:100px;}
.classic ul li a h3 , .chic ul li a h3 , .item ul li a h3{width: auto; font-size: 14px; background-color: #f8f04b; padding: 3px 8px;;font-weight: bolder;color: #000;}
.classic ul li a p , .chic ul li a p , .item ul li a p{ font-size: 14px;  line-height: 1.5em; text-align: left; margin-top: 10px;}
.classic ul li.classic_01{ top:190px;}
.classic ul li.classic_02{ top:530px;}
.classic ul li.classic_03{right:-10px; top:0px;}
.classic ul li.classic_04{right:230px; top:280px;}
.classic ul li.classic_05{right:280px; bottom:100px;}


.chic{ display: block; width: 100%; background-image: url(/images/project/nordic/chic.jpg); height:655px; position: relative;}
.chic ul li a h3{width: auto; font-size: 14px; background-color: #5ee2d5; padding: 3px 8px;;font-weight: bolder;color: #000;}
.chic ul li.chic_01{ top:20px; }
.chic ul li.chic_02{ top:440px; }
.chic ul li.chic_03{ top:500px; left: 230px;}
.chic ul li.chic_04{ top:90px; right:150px;  }
.chic ul li.chic_05{ top:230px; right:70px;  }
.chic ul li.chic_06{ top:500px; right:260px;  }

.item{ display: block; width:1000px; background-image: url(/images/project/nordic/item.jpg); height:838px; position:relative;}
.item ul li a h3{width: auto; font-size: 14px; background-color: #aaf658; padding: 3px 8px;;font-weight: bolder;color: #000;}
.item ul li.item_01{ top:150px; }
.item ul li.item_02{ top:300px; left:280px; }
.item ul li.item_03{ top:620px; left:200px; }
.item ul li.item_04{ top:180px; right:60px; }
.item ul li.item_05{ top:360px; right:260px; }
.item ul li.item_06{ top:500px; right:40px; }
.item ul li.item_07{ bottom:30px; right:80px; }

.chapter_04{ display: block; width:1000px;  margin: auto;position: relative;}
.describe{ display: block;background-image: url(/images/project/nordic/picnic.jpg); width: 1000px; height: 517px;}
.describe h3{ display: block; width:350px; font-weight: bolder;font-size:  24px; line-height:2em;position: absolute; left: 60px; color:#333; }
.describe p{ display: block; width: 250px; font-size: 14px; line-height:1.8em;position: absolute; top:170px;left: 60px; text-align: justify; }
.nordic_info{ display: block; width: 1000px; height: 165px; background-image: url(/images/project/nordic/picnic_01.jpg);}

.nordic_info h3 , .picnic_item_info h3{ display:inline-block; width: 400px; height: 165px; color: #fff; font-size: 24px;  font-weight: bold;float: left; margin-top: 70px; margin-left: 100px;}
.nordic_info p , .picnic_item_info p{ display:inline-block; width: 400px; color: #fff; font-size: 14px;  font-weight: bold; float: right; padding:0px 20px; line-height: 2em; margin-top:40px; border-left: 1px solid #fff;}
.nordic_food_item{ clear: both; display: block; background-image: url(/images/project/nordic/foot_item.jpg); width:1000px; height:526px;  position: relative;}
.nordic_food_item p , .picnic_product p{display: block; width: 200px; font-size: 14px; position: absolute;line-height:1.5em;}
.nordic_food_item p.food_01{ top:200px; left: 50px;}
.nordic_food_item p.food_02{ top:430px; left: 100px;}
.nordic_food_item p.food_03{ top:470px; left: 310px;}
.nordic_food_item p.food_04{ top:320px; left: 530px;}
.nordic_food_item p.food_05{ top:240px; right:10px;}
.nordic_food_item p.food_06{ bottom:50px; right:40px;}

.nordic_diy{ display: block; width: 1000px; height: 507px; background-image: url(/images/project/nordic/menu_19.jpg);}
.nordic_diy ul li{ display:inline-block; width:395px; padding:10px 20px; margin: 30px; margin-top:100px; line-height: 1.5em;}
.nordic_diy ul li h4{ font-size: 20px;font-weight: bold; color: #7ac5a6; margin: 30px 0; }
.nordic_diy ul li span{display: block; color: #7ac5a6;font-size: 14px;font-weight: bold; margin:10px 0;  }
.nordic_diy ul li p{font-size: 14px; }

.picnic_item_info{ display: block; width: 1000px; height: 165px; background-image: url(/images/project/nordic/picnic_02.jpg);}
.picnic_item_info p{margin-top:30px; }
.picnic_product{ display: block; width: 1000px; height:650px; background-image: url(/images/project/nordic/picnic_item.jpg);position: relative;}
.pro_01{top:70px; left: 280px; }
.pro_02{top:300px; right: 150px; }
.pro_03{bottom:60px; right: 280px; }

.chapter_05{width:100%; background-color: #e8eef7; padding-top: 40px; margin: 0 auto;   }
.chapter_05 iframe{display: block;  width: 870px; background-color: #e8eef7; margin: 0 auto; text-align: center;}
.note{ display:block; height:30px; background-color:#e8eef7; color:#333; text-align:center; font-size:12px; overflow: hidden; line-height: 30px; margin:0; padding-bottom:20px;}
.slidnav ul .li_Socail {
  background-color: transparent; border-bottom: 1px solid transparent; }
    /*.slidnav ul .li_Socail div {
        float:right;
        right:0;
    }*/
footer {
margin-top:0;
}
/*.fb_base .fb-like {    
    overflow: hidden;
    float: unset;
}*/
/*.fb-share-button {
margin-right:8px;
}
.share-button-num{
    margin: 10px 0 3px auto;
    display:block;
    width:70px;
}*/

.fb_base {
    margin-left: 0px !important;
}

.fb_iframe_widget {
    margin-top: 2px;
    margin-left: -15px;
}

.fb_share {
    margin-left: 1px;
}

.fb-share-button {
    float: none !important;
}