table {line-height:20px;}

.sub_bg {width:100%; height:127px; background:url(/images/bg_sub_top.png) 0 center;}
.sub_wrap {width:1000px; margin:0 auto; border-left:1px solid #ccc; overflow:hidden;}
.left_navi {float:left; width:210px;}
.cont_right {float:right; border-left:1px solid #ccc; width:750px; padding:40px 0 100px 39px;}
.left_navi h2 {height:74px; background:url(/images/bg_h2.png) no-repeat 116px bottom;  padding:86px 0 0 20px;border-bottom:1px solid #ccc; }
.left_navi > ul > li {border-bottom:1px solid #ccc; }
.left_navi > ul > li > ul {padding:10px 0;display:none;}
.left_navi > ul > li.on ul {display:block;}
.left_navi > ul > li > ul > li {}
.left_navi > ul > li > ul > li a {padding:5px 30px;}
.left_navi > ul > li > ul > li:hover a {display:block; background:url(/images/bg_circle_or.gif) no-repeat 17px 8px; color:#ff781e;}
.left_navi > ul > li > ul > li.on a {display:block; background:url(/images/bg_circle_or.gif) no-repeat 17px 8px; color:#ff781e;font-weight:bold;}

.left_navi > ul > li a {display:block; height:16px; overflow:hidden;}
.left_navi > ul > li h3 {padding:20px 0 20px 20px;}
.left_navi > ul > li:hover h3{color:#fff; font-weight:bold; background:#f7941d url(/images/bg_h3_on.png);}
.left_navi > ul > li.on h3{color:#fff; font-weight:bold; background:#f7941d url(/images/bg_h3_on.png);}
.left_navi li:hover a img {margin-top:-16px;}
.left_navi li.on a img {margin-top:-16px;}
.cont_right h3 {border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:50px;}
.story_left {overflow:hidden;}
.story_left > div.img {float:left;}
.story_left > div.text {float:right; width:420px;}
.story_right {margin:80px 0; overflow:hidden;}
.story_right > div.img {float:right;}
.story_right > div.text {float:left; width:420px;}
.cont_right .path {text-align:right;}
.cont_right .path a:hover {text-decoration:underline; color:#FF9311;}
.story h4 {margin:16px 0;}
.story p {font-size:14px; line-height:24px;}
.story_right p {font-size:14px; line-height:24px;}
.story_left p {font-size:14px; line-height:24px;}
.cont_right .top_text {text-align:center; margin:0 0 60px 0; font-size:20px;font-weight:bold;}
.story .top_text p {margin-bottom:16px; }
.story .sum { text-align:center; margin-top:60px; background:#eee; padding:20px; border-left:1px solid #FF9311; border-right:1px solid #FF9311; }
.history {overflow:hidden; position:relative;}
.history div {overflow:hidden;}
.history ul dl {overflow:hidden;padding:0 0 0 26px;}
.history ul dl dt {padding-top:12px;float:left; width:30px; line-height:20px; font-weight:bold; font-size:19px;}
.history ul dl dd {padding:12px 0 0 10px;float:left; text-align:left; width:420px; line-height:20px;}
.history ul {float:right;width:500px; background:url(/images/bg_history.png) repeat-y 5px 0;padding:60px 0 0 0;}
.history ul h6 {padding-left:26px; font-size:20px; color:#FF9311; background:url(/images/bg_year.png) no-repeat 0 3px; }
.history ul li {padding:0 0 26px 0;}
.history .img {float:left; width:210px;}

.history .img img {position:absolute; left:30px;}
.history .img img.p2001{bottom:0;}
.history .img img.p2004{bottom:245px;}
.history .img img.p2008{bottom:566px;}
.history .img img.p2010{bottom:800px;}
.history .img img.p2011{bottom:976px;}
.history .img img.p2012{bottom:1247px;}
.history .img img.p2013{bottom:1536px;}
.history .img img.p2014{bottom:1753px;}
.history .img img.p2015_2{bottom:1920px;}
.history .img img.p2015_1{bottom:2075px;}

.company .movie {}
.company_cont {overflow:hidden; margin:40px 0; background:url(/images/bg_company.png) no-repeat right 0; border-bottom:1px solid #ccc; padding-bottom:30px;}

.company_cont p {width:375px; line-height:24px; margin-bottom:12px;}
.company_cont .sign {text-align:right; font-size:16px; }
.company_cont .sign img {margin-left:12px;margin-right:60px;}

.orz_img { border-bottom :1px solid #ccc; padding:0 0 60px 0;}
.orz {overflow:hidden;  margin-top:40px;}
.orz li {width:355px; float:left; padding:0 0 40px 0;}
.orz li.right {float:right;} 
.orz li .red {padding:10px 0; color:#ff781e; font-weight:bold; font-size:14px;}
.orz li p {line-height:20px;}
.orz h4 {padding-top:6px;}

.map h4 {font-size:19px; margin:16px 0; background:url(/images/bg_h5.gif) no-repeat 0 1px; padding-left:25px; }
.map p {margin:10px 0; line-height:20px;}
.cont_right .address {background:#eee; padding:20px;margin:30px 0; line-height:24px; font-size:15px;}
.cont_right .address p { font-size:14px;}
.map h5 {color:#ff781e;}
.map .m7 {color:#697215;}
.map .mcenter {color:#7DC4A5;}

.philo {text-align:center; font-size:28px; line-height:44px; margin-bottom:40px;}
.philo_img {margin:60px 0;}
.cont_right .center {text-align:center; line-height:20px;}

.sub_prize {overflow:hidden;}
.sub_prize li {width:355px; float:left; margin:0 0 20px 0;}
.sub_prize li img {border:1px solid #ddd;}
.sub_prize li.right {float:right;}
.sub_prize li p {line-height:18px; height:100px;}
.sub_prize li h4 {margin:10px 0; font-size:16px;}

.pad_comp {padding:10px 0 20px 0; border-bottom:2px solid #333; color:#666;}
.why_cafe {margin-top:40px;}
.why_cafe p {margin:0 0 20px 0; line-height:20px; color:#666;}
.why_cafe  img {margin:20px 0; width:100%;}
.why_cafe h5 {margin:20px 0 10px 0; overflow:hidden; }
.why_cafe h5>span {font-size:14px; border-top:1px solid #ccc;border-bottom:1px solid #ccc; display:block; float:left; width:690px; line-height:44px; padding:0 0 0 10px;}
.why_cafe h5 span.num {font-size:19px; border-top:1px solid #ff781e;border-bottom:1px solid #ff781e; width:46px; text-align:center; padding:0; }
.comp_top {overflow:hidden; margin-bottom:50px; border-left:1px solid #ccc; margin-top:-20px;}
.comp_top li {float:left; width:147px; text-align:center; padding:14px 0; border:1px solid #ccc;border-left:0;}
.comp_top li a {display:block; height:100%;}
.comp_top li:hover{background:#47494F url(/images/bg_h3_on.png);}
.comp_top li.on{background:#47494F url(/images/bg_h3_on.png);}
.comp_top li:hover a {color:#fff; font-weight:bold;}
.comp_top li.on a {color:#fff; font-weight:bold;}
.comp_list > li {display:none;}
.comp_list > li.on {display:block;}

.analysis h5 {margin:30px 0 20px 0; font-size:19px; background:url(/images/bg_line.gif) no-repeat 0 4px ; padding-left:19px;}

.analysis ul {background:url(/images/analysis02.jpg) no-repeat; height:243px; padding:46px;}
.analysis ul.anl1 {background:url(/images/analysis01.jpg) no-repeat;}
.analysis ul li {color:#333; width:246px;  font-size:14px; padding-bottom:16px; line-height:22px;}

.inte_wrap {position:relative;height:400px;width:750px;overflow:hidden;}
.inte {overflow:hidden; position:absolute; left:0px; width:3800px; }
.inte li {line-height:0; float:left;}
.interior_comp h5 {margin:30px 0 20px 0; font-size:19px; background:url(/images/bg_line.gif) no-repeat 0 4px ; padding-left:19px;}
.interior_comp p {margin-bottom:30px; line-height:22px;}

.inte_wrap p {position:absolute; top:176px;}
.inte_wrap .next {right:0;}
.inte_wrap .prev {left:0;}

.circle_navi {margin:14px auto; width:102px;}
.circle_navi li {height:14px; overflow:hidden; float:left; padding:0 3px;}
.circle_navi li:hover img{margin-top:-14px;}
.circle_navi li.on img{margin-top:-14px;}


.marketing li {overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd;}
.marketing li img {float:left;}
.marketing li div {float:right; width:440px;}
.marketing li div h5 {font-size:15px; margin-bottom:16px;}
.marketing li div p {line-height:20px;}

.mul {margin-top:30px;text-align:center;}
.mul h5 {margin:30px 0 20px 0; font-size:19px; background:url(/images/bg_line.gif) no-repeat 0 4px ; padding-left:19px;text-align:left;}
.mul ul li {line-height:22px; text-align:left; background:url(/images/bg_circle_gr.gif) no-repeat 0 center; padding-left:12px;}
.mul img {margin-top:60px; }
.bean {overflow:hidden;}
.bean img {float:right;}
.bean p {float:left; width:400px; line-height:22px;}
.coffeestory h5 {margin:30px 0 20px 0; font-size:19px; background:url(/images/bg_line.gif) no-repeat 0 4px ; padding-left:19px;}
.coffeestory ul li {line-height:22px; text-align:left; background:url(/images/bg_circle_gr.gif) no-repeat 0 7px; padding-left:12px;}
.bean_from {border-top:1px solid #F7941D; width:100%;}
.bean_from th,.bean_from td {border-bottom:1px solid #ccc; padding:14px; line-height:22px;}
.bean_from th {background:#fff9ed url(/images/bg_coffee.png); width:20%; font-size:15px;}
.bean_from th span {font-size:12px; font-weight:normal; color:#999;}
.bean_from .ethi th, .bean_from .ethi td {border-bottom:1px solid #F7941D; }

.orz li .img0 {height:177px; background:url(/images/bg_imgShadow.png) no-repeat 0 bottom;}
.orz li .img0 img {border:1px solid #ccc; border-bottom:1px solid #999;}
.orz li .txt {height:60px;}

.cost {width:100%; border-top:1px solid #333; margin-bottom:20px;}
.cost th {background:#f0f0f0;border-bottom:1px solid #ccc;padding:16px 6px; border-right:1px solid #ccc;} 
.cost td {padding:16px 6px; border-bottom:1px solid #ccc; text-align:center; border-right:1px solid #ccc;}
.cost td.right, .cost th.right {border-right:0;}
.cost td.right {text-align:left;}
.cost .bb333 th, .cost .bb333 td{border-bottom:1px solid #333;}
.cost .bb333 .orange {font-size:16px; font-weight:bold;}
.cost th.bb3 {border-bottom:1px solid #333;}
.line_through {text-decoration:line-through; color:#aaa;}

.list_normal>li {padding:0 0 0 10px; background:url(/images/bg_circle_gr.gif) no-repeat 0 9px; line-height:20px;}

.normal_table td{border-top:1px solid #ccc; padding:10px; text-align:center;}
.normal_table {border-bottom:1px solid #333; border-top:1px solid #333; width:100%;}
.normal_table th {background:#f0f0f0; padding:10px;}
.normal_table td.question {text-align:left; cursor:pointer;}
.normal_table td.question.on {color:#ff781e;}
.normal_table tr.answer td {text-align:left;  line-height:20px; padding:16px 10px 16px 50px;  background:#f0f0f0 url(/images/bg_answer.png) no-repeat 10px center;}
.normal_table td.question:hover {color:#ff781e;}
.normal_table tr.answer {display:none;}

.normal_table1 td{border-top:1px solid #ccc; padding:10px; text-align:center; border-right:1px solid #ccc;}
.normal_table1 {border-bottom:1px solid #333; border-top:1px solid #333; width:100%;}
.normal_table1 th {background:#f0f0f0; padding:10px;border-right:1px solid #ccc;}
.normal_table1 th.right, .normal_table1 td.right {border-right:0;}

.normal_table2 th{padding:10px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.normal_table2 td{padding:10px; border-top:1px solid #ccc;}
.normal_table2 {border-bottom:1px solid #333; border-top:1px solid #333; width:100%;}
.normal_table2 .table_head th {background:#f0f0f0; padding:10px;border-right:1px solid #ccc; border-top:1px solid #333;}
.normal_table2 th.right {border-right:0;}

.centerMb40 {margin-bottom:40px; text-align:center; line-height:20px;}
.mg4020 {margin:40px 0 20px 0;}
.cost_bottom {overflow:hidden; margin-top:20px;}
.cost_bottom a {display:block; float:right; background:#FF781E; color:#fff; padding:10px 16px; font-weight:bold;border-radius:5px;}
.cost_bottom a:hover {background:#f7941d url(/images/bg_h3_on.png);}
.cost_bottom ul {float:left;}
.cost_bottom p {float:left;}
.interior_btn {overflow:hidden; margin-top:10px;}
.interior_btn li {line-height:0; float:left; margin:0 0 0 10px; }
.interior_btn li:first-child {margin-left:0;}
.interior_btn li.on img {width:170px;}
.interior_btn li.on {border:5px solid #ff781e;}

.interior_concept {margin:20px 0; height:37px; border-bottom:1px solid #ff781e;}
.interior_concept li {width:160px;text-align:center; float:left; line-height:36px; border:1px solid #ccc; border-bottom:0; background:#eee;}
.interior_concept li a {display:block; height:100%;}
.interior_concept li.on {border:1px solid #ff781e;border-bottom:1px solid #fff; background:#fff;}
.interior_concept li.on a{color:#ff781e; font-weight:bold;}
.interior_concept li:hover {border:1px solid #ff781e;border-bottom:1px solid #fff; background:#fff;}

.interiorP {line-height:20px; margin-bottom:20px;}
h4.concept {font-size:20px; margin:40px 0 20px 0; background:url(/images/bg_line.gif) no-repeat 0 4px; padding-left:20px;}

.process {overflow:hidden;}
.process li {float:left;margin:10px; width:230px;height:220px; line-height:20px;}
.process li h4 {margin:10px 0;}

.process_bottom {text-align:center; margin-top:40px;}
.process_bottom h4{font-size:19px;}
.process_bottom p {margin:20px 0 30px 0;}
.process_bottom a {background:#ff781e; color:#fff; padding:10px; border-radius:5px; font-weight:bold;}
.process_bottom a:hover {background:#f7941d url(/images/bg_h3_on.png);}

.academy h4 {font-size:20px; margin:40px 0 20px 0; background:url(/images/bg_line.gif) no-repeat 0 4px; padding-left:20px;}
.academy .list_academy {background:url(/images/bg_academy.png) no-repeat right 0px;}
.academy .list_normal {margin-top:5px;}
.academy .list_academy strong {font-size:15px; color:#ff781e; display:block; margin-bottom:8px;}
.academy .list_academy > li { padding:5px 0;}
.academy h4 p {margin-top:10px;}