@charset "utf-8";
/* CSS Document */
/*取消 Html 原有樣式  reset.css ---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;word-break:break-all;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;word-break:break-all;}
fieldset,img{border:0;word-break:break-all;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;word-break:break-all;}
ol,ul {list-style:none;word-break:break-all;}
caption,th {text-align:left;word-break:break-all;}
h1,h2,h3,h4,h5,h6{font-size:100%;word-break:break-all;}

/*共用設定---------------------------------------------------------------------------*/
/*清除*/
.clear { clear: both;}
.button { border: 1px solid #ADADAD; color: #333; cursor: pointer; cursor:hand; font-size: 11px; font-weight: bold; line-height: 20px; .line-height: 18px; .padding: 0 4px; text-decoration: none; text-shadow: #9b9b9b 0 -1px 1px; vertical-align: middle; vertical-align: baseline; /*各瀏覽器的圓角設定，這裡捨棄對 IE6 的支援*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; background-image: url(images/button.jpg); background-repeat: repeat-x; background-position: left top; display: block; width: 100px; padding: 0; float: left; margin-right: 10px; margin-left: 10px; height: 20px; background-color: #DFDFDF; } 

/*網頁連結設定*/
.linkmap div { background-image: url(images/inco_home2.jpg); background-repeat: no-repeat; background-position: 2px 2px; padding-left: 20px; position: absolute; top: -10px; right: 0px; /*ie6*/ *top: 0px; _right: 26px; margin-top: 10px; }
.linkmap { text-decoration: none; position: relative; height: 10px; }
.linkmap a { color: #797b7d; text-decoration: none; }
.linkmap a:hover { color: #EC5571; }
/*main上方距離共用設定*/
.box { margin-left: 17px; }
.box .hd { margin-top: 19px; margin-bottom: 16px; font-size: 19px; color: #ee1f24; background-image: url(images/inco.jpg); background-repeat: no-repeat; padding-left: 26px; }
.box h2 { font-size: 14px; color: #ac480c; font-weight: normal; margin-bottom: 11px; display: block; }
.box .text { line-height: 1.6em; }
/*圖文自動高度*/
.block{ clear: both; /*for ie6*/zoom:1; }
.block:after { display: block; height: 0; visibility: hidden; content:"."; clear: both; }
/*ul2設定*/
.ul2 { margin-top: 22px; }
.ul2 li { background-image: url(images/inco_packaging.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 13px; padding-bottom: 2px; }
.ul2 a { text-decoration: none; color: #515253; }
.ul2 a:hover { color: #FE8F35; }
.p_b { color: #0c5bac; }
.p_b2  { font-weight: normal; color: #5c8fc3; display: block; margin-bottom: 2px; }
/*表格*/
.table1 { border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; border-top-color: #b0b0b0; border-bottom-color: #b0b0b0; margin-top: 15px; }
.table1 th { background-color: #eeeeee; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #c8c8c4; border-bottom-color: #c8c8c4; border-left-color: #c8c8c4; font-size: 12px; color: #5c5656; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 3px; }
.table1 td { padding-left: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c8c8c4; padding-top: 7px; padding-bottom: 7px; }
/*按鈕*/
.btn { text-align: center; margin-top: 10px; }
.btn input { margin-right: 2px; margin-left: 2px; font-family: Arial, Helvetica, sans-serif; }
.input1 { color: #FFFFFF; background-color: #787c7f; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; padding-top: 2px; padding-right: 7px; padding-bottom: 2px; padding-left: 7px; border-top-color: #CCCCCC; border-right-color: #999999; border-bottom-color: #787c7f; border-left-color: #666666; font-size: 11px; }
/*box1共用設定 index_1&communications_4使用*/
.box1 { margin-top: 38px; margin-right: 17px; margin-left: 17px; }
.box1 li { float: left; width: 50%; }
.box1 h3 { font-size: 14px; font-weight: bold; color: #2f8329; margin-top: 8px; margin-bottom: 25px; margin-left: 3px; display: block; }
/*more共用設定communications_1&communications_4使用*/
.info a { color: #94550a; text-decoration: none; }
.info a:hover { color: #EE1F24; text-decoration: underline; }
/* 主體排版------------------------------------------------------------------------*/
body { font-size: 13px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #515151; }
#wrap { width: 950px; margin-right: auto; margin-left: auto; }
#header { height: 355px; }
#sidebar { width: 239px; _width: 229px; background-image: url(images/index_sidebar_bg.jpg); background-repeat: no-repeat; background-position: left top; }
#main { float: right; background-image: url(images/index_main_bg.jpg); background-repeat: no-repeat; background-position: left top; width: 700px; padding-left: 11px; padding-top: 10px; padding-bottom: 49px; }
#footer { height: 36px; background-color: #cdcfd0; position: relative; }


/* 網頁最上方------------------------------------*/
#top { position: relative; height: 80px; }
#logo { position: absolute; left: 0px; top: 0px; }
#toplink { position: absolute; top: 31px; right: 10px; }
#toplink li { display: inline; }
#toplink a { padding-left: 18px; display: block; padding-bottom: 5px; float: left; margin-right: 3px; padding-right: 3px; color: #9a6d1f; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-left: 6px; }
#toplink a:hover { color: #B5A48A; }
#toplink .m1 a { background-image: url(images/inco_home.jpg); background-repeat: no-repeat; }
#toplink .m2 a { background-image: url(images/inco_contact.jpg); background-repeat: no-repeat; }
#toplink .m3 a { background-image: url(images/inco_top3.jpg); background-repeat: no-repeat; }
#toplink .m4 a { background-image: url(images/011-615.gif); background-repeat: no-repeat; }
#top .search { position: absolute; top: 29px; right: 430 .px; background-image: url(images/inco_search.jpg); background-repeat: no-repeat; padding-left: 70px; text-align: left; right: 430px; }
#top .search_tw { position: absolute; top: 29px; right: 349px; background-image: url(images/inco_search_tw.jpg); background-repeat: no-repeat; padding-left: 50px; }
#top .go { position: absolute; right: 400px; top: 26px; }
#top .go_tw { position: absolute; right: 320px; top: 26px; }
#banner  { background-image: url(images/index_hua-mu.jpg); background-repeat: no-repeat; padding-left: 239px; }

/* 左邊選單------------------------------------*/
#sidebar .text { padding-top: 39px; padding-left: 17px; }
#sidebar li { margin-bottom: 10px; }
#sidebar li a { text-decoration: none; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#sidebar .tw li a { text-decoration: none; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#sidebar li a:hover { color: #EC5571; }
#sidebar .m1 { background-image: url(images/index_01.jpg); background-repeat: no-repeat; height: 57px; width: 204px; }
#sidebar .m2 { background-image: url(images/index_02.jpg); background-repeat: no-repeat; height: 57px; width: 204px; }
#sidebar .m3 { background-image: url(images/index_03.jpg); background-repeat: no-repeat; height: 57px; width: 204px; }
#sidebar .m4 { background-image: url(images/index_04.jpg); background-repeat: no-repeat; height: 57px; width: 204px; }
#sidebar .m1 a { color: #8b7104; display: block; padding-top: 16px; padding-left: 10px; padding-bottom: 5px; }
#sidebar .m2 a { color: #647f10; display: block; padding-top: 16px; padding-left: 10px; padding-bottom: 22px; }
#sidebar .m3 a { color: #225384; display: block; padding-top: 16px; padding-left: 10px; padding-bottom: 5px; }
#sidebar .m4 a { color: #912c5e; display: block; padding-top: 16px; padding-left: 10px; padding-bottom: 5px; }

/* 網頁最下方------------------------------------*/
#footer .linktop { background-image: url(images/inco_top.jpg); background-repeat: no-repeat; height: 17px; width: 42px; position: absolute; top: -28px; right: 5px; }
#footer #copyright { position: absolute; left: 24px; top: 13px; font-family: Arial, Helvetica, sans-serif; color: #5b5a5a; font-size: 11px; }
#footer #menu2 { position: absolute; top: 13px; right: 20px; color: #5b5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#footer #menu2 a { text-decoration: none; color: #5b5a5a; }
#footer #menu2 a:hover { color: #000000; }

/* 首頁------------------------------------*/
#index { background-image: url(images/index_bg.jpg); background-repeat: no-repeat; height: 322px; width: 700px; position: relative; margin-top: 11px; }
#index .hd { font-size: 16px; color: #ec5559; margin-bottom: 5px; display: block; }
#index h2 { font-size: 11px; color: #b30035; font-weight: normal; margin-bottom: 5px; display: block; }
#index .text a { text-decoration: none; color: #6E6F6F; }
#index .text a:hover { color: #ED5559; }
/*文字區塊*/
#index .col1 { left: 108px; top: 11px; position: absolute; width: 220px; }
#index .col2 { top: 11px; position: absolute; width: 220px; left: 358px; }
#index .col3 { left: 108px; top: 182px; position: absolute; width: 220px; }
#index .col4 { left: 358px; top: 182px; position: absolute; width: 220px; }
/*首頁2*/
#index_2 .pic { padding-top: 90px; }
/*首頁3*/
#index_3 h3 { font-weight: normal; color: #0a529b; }
#index_3 .pic { text-align: center; margin-top: 36px; }
/*首頁4*/
#index_4 strong { color: #663509; }
#index_4 p.block img{ margin-left: 15px; margin-bottom: 15px; }

/* Who we are------------------------------------*/
/*Green Action*/
#whoweare_2 .text { padding-top: 13px; }
#whoweare_2 p.block img{ margin-left: 44px; margin-bottom: 15px; }
/*Where We Are*/
#whoweare_3 .col { margin-bottom: 30px; }
#whoweare_3 .hd1 { padding-top: 1px; padding-left: 17px; font-size: 14px; font-weight: bold; color: #363333; background-image: url(images/01whoweare_03_hd_bg0.jpg); background-repeat: no-repeat; }
#whoweare_3 .cd1 { border: 1px solid #d1d1d1; }
#whoweare_3 .info { margin: 15px; }
#whoweare_3 .block img { margin-left: 25px; }
/*連絡資訊*/
#whoweare_4 .info { margin-top: 60px; border-top-width: 3px; border-top-style: solid; border-top-color: #B0B0B0; padding-top: 15px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #B0B0B0; padding-bottom: 135px; }
#whoweare_4 .info #contact_tw { float: left; margin-right: 50px; display: block; margin-left: 40px; }
#whoweare_4 .info  #contact_cn { display: block; float: left; }
#whoweare_4 .info .title { font-weight: bold; color: #225384; margin-bottom: 8px; font-size: 15px; }


/* production------------------------------------*/
/*Catalogue*/
#production_1 .col { margin-top: 45px; margin-bottom: 20px; }
#production_1 .col li { width: 33%; float: left; }
/*Product News*/
/*#production_2 .date { position: absolute; top: 42px; right: 10px; color: #546f97; }
#production_2 { position: relative; }
#production_2 p.block img{ margin-left: 33px; }
#production_2 .img{ float: right; margin-left: 33px; margin-bottom: 33px; }#production_2 .text { margin-top: 22px; }*/
/*Process*/
#production_2 { position: relative; }
#production_2 .mv { position: absolute; top: 60px; right: 0px; }
#production_2 .pic{ padding-top: 130px; }
/*Design and production*/
#production_3 p.block img{ margin-left: 15px; }

/* packaging------------------------------------*/
#packaging .text ul { background-image: url(images/03packaging_00.jpg); background-repeat: no-repeat; background-position: right top; min_height: 223px; _height: 223px; }
/* display------------------------------------*/
#display .text ul { background-image: url(images/04display_00.jpg); background-repeat: no-repeat; background-position: right top; min_height: 305px; _height: 305px; }
/* printer------------------------------------*/
#printer .text ul { background-image: url(images/05print_00.jpg); background-repeat: no-repeat; background-position: right top; min_height: 305px; _height: 305px; }

/* Communications------------------------------------*/
/*Exhibitions and events Calendar 2010*/
#communications_1 li { margin-top: 30px; padding-bottom: 15px; }
#communications_1 .col_l { float: left; }
#communications_1 .col_r { width: 600px; float: right; }
#communications_1 .col_r .title { font-size: 14px; font-weight: bold; color: #0c5bac; margin-bottom: 3px; }

/*Exhibitions and events Calendar 2010*/
#communications_2 li { margin-top: 30px; padding-bottom: 15px; }
#communications_2 .col_l { float: left; }
#communications_2 .col_r { width: 600px; float: right; }
#communications_2 .col_r .title { font-size: 14px; font-weight: bold; color: #0c5bac; margin-bottom: 3px; }
/*History*/
#communications_4 li { margin-bottom: 22px; }
#communications_4 .title { font-weight: bold; font-size: 13px; color: #4d0cc4; background-image: url(images/inco_history.jpg); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 15px; }
#communications_4 .info { margin-right: 17px; margin-left: 17px; margin-top: 5px; }
/*Blog*/
#communications_5 li { margin-top: 30px; padding-bottom: 15px; }
#communications_5 .col_r { }
#communications_5 .col_r .title { font-size: 14px; font-weight: bold; color: #0c5bac; margin-bottom: 3px; }
/*
#communications_5  li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #aaaaaa; margin-top: 17px; padding-bottom: 17px; }
#communications_5 .title a { font-size: 14px; color: #0c5bac; font-weight: bold; background-image: url(images/inco_blog.jpg); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 15px; text-decoration: none; }
#communications_5 .title a:hover { color: #B95E5D; }
#communications_5 .info { margin-right: 15px; margin-left: 15px; margin-top: 5px; }*/

/*Info Port------------------------------------*/
#info .col1 { padding-bottom: 25px; min-height: 180px; /*ie6*/_height: 180px;}
#info .title { background-image: url(images/inco_info.jpg); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 15px; padding-bottom: 5px; }
#info .title a { font-size: 15px; color: #535353; font-weight: bold; text-decoration: none; }
#info .title a:hover { color: #FB9139; }
#info .block img{ margin-bottom: 15px; margin-left: 15px; }
#info .block2 img{ margin-bottom: 15px; margin-right: 15px; }

/*列表-圖文*/
ul.list_pic{}
ul.list_pic li { margin-bottom: 7px; padding: 7px; width: 100%; }
ul.list_pic .left{ float: left; margin-right: 10px; padding: 5px; border: 1px solid #DDD; }
ul.list_pic .title { background-repeat: no-repeat; font-size: 15px; color: #666; font-weight: bold; background-position: left 3px; padding-bottom: 5px; }.list_pic .title a { color: #069; }
/*自動100%撐開*/
.aut100 { overflow: hidden; zoom: 1; }
.aut100 .left { float: left; }
.aut100 .right { overflow: hidden; zoom: 1; }
.product_dia .pic { text-align: center; margin-bottom: 7px; }
.product_dia .btn { margin-bottom: 7px; }