@charset "utf-8";

body	{ margin: 0px; background: #903824; font-size: 14px; line-height: 20px; font-family: "標楷體", "新細明體", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

p, h1, h2, h3, h4, h5, h6, h7, ul, li	{ margin: 0px; padding: 0px; }
li	{ list-style: none; }
img { border: none; }
a { text-decoration: none; }

.clear_both			{ clear: both; overflow: hidden; height: 1px; }
.textAling_center	{text-align: center; }

/* 整頁中間包住．開始 */
div.allPage		{ background: url(../images/allPage/di_allLeft.gif) repeat-y left top #FFF ;text-align: center; width: 830px; margin: auto; height: auto; }
div.allPage_in	{ background: url(../images/allPage/di_allRight.gif) repeat-y right top; margin: auto; height: auto; }
/* 整頁中間包住．結束 */

/* banner．開始 */
div.banner						{ height: auto; }
div.banner div.logo				{ float: left; width: 365px; height: 141px; background: url(../images/allPage/logo.gif) no-repeat right bottom; overflow:hidden; text-align:right; vertical-align: bottom; }
div.banner div.logo img			{ width: 335px; height: 136px; }
div.banner div.details			{ float: right; width: 450px; }
div.banner div.details div.site	{ height: 86px; background: url(../images/allPage/site.gif)  no-repeat left bottom; }
div.banner div.details div.factories					{ padding-top: 10px; }
div.banner div.details div.factories ul li				{ height: 45px; display: block; float: left; background: no-repeat center center; margin-right: 10px; }
div.banner div.details div.factories ul li.mywidth_01	{ width: 46px; }
div.banner div.details div.factories ul li.mywidth_02	{ width: 45px; }
div.banner div.details div.factories ul li.mywidth_03	{ width: 166px; }
div.banner div.details div.factories ul li.mywidth_04	{ width: 104px; }
div.banner div.details div.factories ul li span			{ display: block; height: 45px; }
div.banner div.pics ul			{ width: 780px; margin: auto; }
div.banner div.pics ul li		{ width: 195px; height: 135px; display: block; float: left; background: no-repeat center center; }
div.banner div.line 	{ padding: 0 28px; overflow: hidden; }
div.banner div.line_in 	{ height: 5px; background: #903824; overflow: hidden; }
/* banner．結束 */

/* 上方按鈕．開始 */
div.bts					{ padding-top: 5px; padding-bottom: 10px; }
div.bts ul				{ width: 780px; margin: auto; }
div.bts ul li			{ width: 195px; height: 67px; display: block; float: left; background: no-repeat center center; overflow: hidden; }
div.bts ul li a span	{ height: 67px; display: block; }
/* 上方按鈕．結束 */

/* 內容區域．開始 */
div.content				{ padding: 0; background: url(../images/allPage/di_pageTitle_Left.gif) left top repeat-y; text-align:left; }
div.content_in			{ padding: 0 20px; background: url(../images/allPage/di_pageTitle_Right.gif) right top repeat-y; }/* 左右padding為圖寬再少2像素 */
div.content h1			{ display: block; height: 40px; background: url(../images/allPage/word_pageTitle_Left.gif) left top no-repeat; }
div.content h1 span		{ display: block; height: 30px; background: url(../images/allPage/word_pageTitle_Right.gif) right top no-repeat; padding: 0 486px 0 62px; text-align: center; overflow: hidden; }/* 左右padding視左右的圖片的寬度來決定（目前加4） */
div.content h2.style01			{ display: block; height: 35px; background: url(../images/allPage/word_h2Title_Right.gif) left top no-repeat; font-size: 16px; line-height: 16px; }
div.content h2.style01 span		{ display: block; height: 26px; background: url(../images/allPage/word_h2Title_Left.gif) left top no-repeat; padding: 3px 10px 0 62px; overflow: hidden; }/* 左右padding視左右的圖片的寬度來決定（目前加4） */
div.content h2.style02			{ display: block; height: 35px; background: url(../images/allPage/word_h2Title_02.gif) center top no-repeat; font-size: 16px; line-height: 16px; text-align: center; }
div.content h2.style02 span		{ display: block; padding: 6px 10px 0; overflow: hidden; }
div.content h2.style03			{ display: block; padding: 0 10px 10px; font-size: 12px; line-height: 12px; text-align: center; color: #854545; height: auto; }
div.content h2.style03 span		{ display: block; height: 15px; overflow: hidden; }
div.content h4					{ font-size: 14px; line-height: 14px; padding: 3px auto; height: 18px; }
div.content h4 span				{ display: inline-block; }
div.content h4 span.style01		{ font-weight: 600; }
div.content h4 span.style02		{ font-weight: 400; }
div.content h4 span.de			{ font-weight: 400; width: 22px; text-align: center; }
div.content div.subBts						{ padding-left: 313px; }
div.content div.subBts_in					{ position: relative; margin-top: -24px; overflow: hidden; }
div.content div.subBts h3					{ display: block; font-size: 14px; line-height: 18px; float: left; border: 2px solid #fff; text-align: center; font-weight: 400; background: #903824; color: #EFDADE; }
div.content div.subBts h3.btSec_our-coffee01			{ width: 200px; }
div.content div.subBts h3.btSec_our-coffee02			{ width: 95px; }
div.content div.subBts h3.btSec_our-coffee03			{ width: 95px; }
div.content div.subBts h3.btSec_machine01			{ width: 124px; }
div.content div.subBts h3.btSec_machine02			{ width: 124px; }
div.content div.subBts h3.btSec_material01			{ width: 104px; }
div.content div.subBts h3.btSec_material02			{ width: 104px; }
div.content div.subBts h3.btSec_about-us01			{ width: 65px; }
div.content div.subBts h3.btSec_about-us02			{ width: 65px; }
div.content div.subBts h3 span						{ padding: 5px auto; }/* 考量"當下" */
div.content div.subBts h3 a span.style_01			{ display: block; background: #efefef; color: #933; overflow: hidden; text-decoration: none; }
div.content div.subBts h3 a:hover span.style_01		{ background: #DF9A3E; color: #422F44; }
div.content div.descript					{ padding: 0 15px 15px; }
div.content div.descript div.myconn h2		{ display: block; padding-bottom: 5px; font-size: 18px; line-height:25px; overflow: hidden; }
div.content div.descript div.myconn p		{ text-indent: 32px; }/* 有設首行縮排*/
/* 為了最新消息而設的 */
div.content div.descript span.listDate	{ display: inline-block; width: 103px; }
div.content div.descript span.listTitle	{  }
div.content div.descript div.newsSubt	{ padding-bottom: 15px; font-size: 14px; font-weight: 600; }
div.content div.descript div.newsConn	{ overflow: hidden; }/* 以免超出頁面的範圍 */
div.content div.descript div.newsDate	{ padding-top: 10px;text-align: right; }
div.content div.descript div.goback					{ text-align: center; padding-top: 25px; }
div.content div.descript div.goback a				{ display: block; }
div.content div.descript div.goback a span			{ background: #E2DACD; color: #88453C; padding: 5px 10px; }
div.content div.descript div.goback a:hover span	{ background: #903824; color: #E6DBCC; }
div.content div.descript div.goback02 a				{ color: #C00; }
div.content div.descript div.goback02 a:hover		{ color: #2B5138; }
div.content div.descript div.myMachine_01			{ background: url(../images/machine/image001.gif) no-repeat center center; height:279px; }/* 高度至少要高於底圖的高度 */
/* 照片區．寬高為圖的寬高再加10 */
div.content div.descript div.myMachine_01a			{ background: url(../images/machine/machine01a.gif) no-repeat center center; height: 393px; width: 585px; margin: 5px auto; *margin: 10px auto; }
div.content div.descript div.myMachine_01b			{ background: url(../images/machine/machine01b.gif) no-repeat center center; height: 393px; width: 585px; margin: 5px auto; *margin: 10px auto; }
div.content div.descript div.myMachine_02a			{ background: url(../images/machine/machine02a.gif) no-repeat center center; height: 359px; width: 585px; margin: 5px auto; *margin: 10px auto; }
div.content div.descript div.myMachine_02b			{ background: url(../images/machine/machine02b.gif) no-repeat center center; height: 352px; width: 585px; margin: 5px auto; *margin: 10px auto; }
div.content div.descript div.myMachine_02c			{ background: url(../images/machine/machine02c.gif) no-repeat center center; height: 384px; width: 585px; margin: 5px auto; *margin: 10px auto; }
div.content div.descript div.myMaterial_02a			{ background: url(../images/material/material02a.gif) no-repeat center center; height: 176px; width: 575px; margin: 0 auto; }
div.content div.descript div.myMaterial_02b			{ background: url(../images/material/material02b.gif) no-repeat center center; height: 198px; width: 575px; margin: 0 auto; }
div.content div.descript div.myMaterial_02c			{ background: url(../images/material/material02c.gif) no-repeat center center; height: 200px; width: 575px; margin: 0 auto; }
div.content div.descript div.myMaterial_02d			{ background: url(../images/material/material02d.gif) no-repeat center center; height: 264px; width: 575px; margin: 0 auto;}
div.content div.descript div.myMaterial_02e			{ background: url(../images/material/material02e.gif) no-repeat center center; height: 251px; width: 575px; margin: 0 auto;}
div.content div.descript td.numback					{ }
div.content div.descript td.numback01				{ background: url(../images/material02/01.gif) top left no-repeat; }
div.content div.descript td.numback02				{ background: url(../images/material02/02.gif) top left no-repeat; }
div.content div.descript td.numback03				{ background: url(../images/material02/03.gif) top left no-repeat; }
div.content div.descript td.numback04				{ background: url(../images/material02/04.gif) top left no-repeat; }
div.content div.descript td.numback05				{ background: url(../images/material02/05.gif) top left no-repeat; }
div.content div.descript td.material02_picBig		{ background: url(../images/material02/material02Big.jpg) no-repeat center center; width: 294px; }
div.content div.descript td.material02_style		{ height: 89px; width: 91px; margin: 0 auto; border: 1px solid #000; }
div.content div.descript td.material02_picA			{ background: url(../images/material02/material02a.gif) no-repeat center center; }
div.content div.descript td.material02_picB			{ background: url(../images/material02/material02b.gif) no-repeat center center;  }
div.content div.descript td.material02_picC			{ background: url(../images/material02/material02c.gif) no-repeat center center;  }
div.content div.descript td.material02_picD			{ background: url(../images/material02/material02d.gif) no-repeat center center; }
div.content div.descript td.material02_picE			{ background: url(../images/material02/material02e.gif) no-repeat center center; }
div.content div.descript td.material02_picF			{ background: url(../images/material02/material02f.gif) no-repeat center center; }
div.content div.descript div.addLine				{ border: 1px solid #903824; }
div.content div.aboutUs01								{ margin: 35px auto auto; width: 700px; }
div.content div.aboutUs01 div.mylogo					{ background: url(../images/about-us/logo01.gif) 88px top no-repeat; height:125px; padding-left: 262px; }/* 高度設地比較高，以使下面有間距 */
div.content div.aboutUs01 div.name h2					{ letter-spacing: 1px; padding-top: 45px; }
div.content div.aboutUs01 div.name02					{ padding-top: 20px; text-align: center; }
div.content div.aboutUs01 div.name02 h2					{ letter-spacing: 1px; }
div.content div.aboutUs01 div.discr						{ width: 500px; margin: auto; padding-bottom: 20px; }
div.content div.aboutUs01 div.oneMovie					{ text-align: center; }
div.content div.aboutUs01 div.oneMovie div.movieTitle	{ height: 24px; line-height: 24px; overflow: hidden; }
div.content div.aboutUs02							{ margin: 35px auto auto; width: 520px; }
div.content div.aboutUs02 a							{ color: #C00; text-decoration: underline; }
div.content div.aboutUs02 a:hover					{ color: #2B5138; }
div.content div.aboutUs02 div.mylogo				{ background: url(../images/about-us/logo.gif) top left no-repeat; height:62px; }
div.content div.aboutUs02 div.name h2				{ letter-spacing: 4px; }
div.content div.aboutUs02 span						{ display: inline-block;}
div.content div.aboutUs02 div.number				{ width: 228px; }
div.content div.aboutUs02 div.number span.tel		{ float: left; }
div.content div.aboutUs02 div.number span.fax		{ float: right; text-align: right; }
div.content div.aboutUs02 span.title				{ width: 43px; }
div.content div.aboutUs02 span.de					{ width: 15px; }
div.content div.aboutUs02 span.des					{}
div.content div.forAsk		{ margin: 25px auto 5px; width: 520px; background: #f0f0f0; border: 1px solid #374536; }
div.content div.forAsk th	{ text-align: right; font-weight: 400; }/* 表單 */
div.content div.forAsk td	{ text-align: left; }/* 表單 */
div.content div.end			{ padding-top: 25px; clear: both; }/* 底線 */
div.content div.end_in		{ height: 2px; background: #903824; overflow: hidden; }/* 底線 */
/* 內容區域．結束 */

/* footer．開始 */
div.footer					{ padding: 0; height: 20px; font-size: 14px; }
div.footer_in				{ position: relative; }
div.footer div.copyright	{ margin: -12px auto auto; width: 350px; background: #FFF; }
/* footer．結束 */

/* 清單樣式．開始 */
ul.listStyle_01				{  }
ul.listStyle_01 li			{ line-height: 25px; padding-left: 22px; background-image: url(../images/allPage/listStyle_01.gif); background-repeat: no-repeat; background-position: left 5px; }
ul.listStyle_01 li a		{ color: #000; text-decoration: underline; }
ul.listStyle_01 li a:hover	{ color: #2B5138; }
ul.listStyle_02				{ font-size: 16px; font-weight: 500; color: #fff; letter-spacing: 2px; }
ul.listStyle_02 li			{ line-height: 25px; padding-left: 27px; background: url(../images/allPage/listStyle_02.gif) #DF9A3E no-repeat 5px 5px; }
ul.listStyle_02 li span.listTitle	{ padding-right: 5px; font-weight: 600; }
ul.listStyle_02 li span.listDe		{ padding-right: 5px; }
ul.listStyle_02 li span.listConn	{  }
ul.listStyle_03					{ padding-top: 15px; }
ul.listStyle_03 li				{ line-height: 22px; width: 585px; color: #900; font-size:16px; font-weight: 600; }
ul.listStyle_03 li.color_01		{ background: #efefef; }
ul.listStyle_03 li.color_02		{ background: #F8E9E4; }
ul.listStyle_03 li span			{ display: inline-block; padding-left: 5px; color: #000; font-size: 14px; font-weight: 400; }
ul.listStyle_03 li span.omosa	{ width: 65px; }
ul.listStyle_03 li span.size	{ width: 135px; }
ul.listStyle_03 li span.light	{ width: 90px; }
ul.listStyle_03 li span.nami	{ width: 75px; }
ul.listStyle_03 li span.use		{ width: 90px; }
ul.listStyle_04					{ padding-top: 15px; }
ul.listStyle_04 li				{ line-height: 22px; width: 715px;  font-size:16px; font-weight: 600; vertical-align: sub; border-bottom: 2px solid #52664F; }
ul.listStyle_04 li.color_01			{ background: #903824; color: #FC3; }
ul.listStyle_04 li.color_02			{ background: #efefef; color: #300; }
ul.listStyle_04 li span				{ display: inline-block; padding-left: 5px; font-size: 14px; font-weight: 400; }
ul.listStyle_04 li span.omosa		{ width: 210px; }
ul.listStyle_04 li span.size		{ width: 190px; }
ul.listStyle_04 li span.mydesc		{ width: 280px; }
ul.listStyle_04 li span.mydesc02	{ width: 275px; display: block; float: right; background: #efefef; position: relative; }/* 垂直合併用．底色同.color02 */	
ul.listStyle_04 li span.mydesc03	{ display: block; height: 150px; border-bottom: 2px solid #52664F; }/* 垂直合併用．注意線的樣式 */	
ul.listStyle_04 li.last			{ height: 45px; overflow: hidden; border: none; }
/*
ul.listStyle_05					{ display: block; margin: 0; padding: 0; width: 200px; }
ul.listStyle_05 li				{ display: block; float: left; border: none; margin: 0; padding: 0; }
ul.listStyle_05 li.logo_01		{ background:url(../images/our-coffee03/image001.gif) no-repeat center center; width: 50px; height: 50px; }
ul.listStyle_05 li.logo_02		{ background:url(../images/our-coffee03/image002.gif) no-repeat center center; width: 50px; height: 50px; }
ul.listStyle_05 li.logo_03		{ background:url(../images/our-coffee03/image003.gif) no-repeat center center; width: 50px; height: 50px; }
ul.listStyle_05 li.logo_04		{ background:url(../images/our-coffee03/image004.gif) no-repeat center center; width: 59px; height: 50px; }
ul.listStyle_05 li.logo_05		{ background:url(../images/our-coffee03/image005.gif) no-repeat center center; width: 38px; height: 50px; }
ul.listStyle_05 li.last			{ height: 5px; overflow: hidden; border: none; clear: left; }
*/
/* 清單樣式．結束 */

/* 段落樣式．開始 */
.paddingLeft_01		{ padding-left: 40px; }
.paddingLeft_02		{ padding-left: 110px; }
.paddingLeft_03		{ padding-left: 285px; }
.paddingLeft_04		{ padding-left: 83px; }
.paddingLeft_05		{ padding-left: 70px; }
.paddingbottom_01	{ padding-bottom: 15px; }
/* 段落樣式．結束 */