@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;text-decoration:none;}
html p{font-family:"Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft JhengHei",微軟正黑體,sans-serif;background-color: #FFFFFF; text-align:justify;}
a p:link    {color:#ffffff;}
a p:visited {color:#ffffff;}
a p:hover   {color:#EAF08A;}
a p:active  {color:#EAF08A;}	
@media screen and (min-width: 1451px) {html{}}/* 大尺寸PC螢幕*/
@media screen and (min-width: 1201px) and (max-width: 1450px){html{}}/* Mac及小尺寸螢幕*/
@media screen and (max-width: 1200px) {html{}}/* 手機尺寸螢幕*/

/*================================================================================================================*/
.content_box{width: 100%;min-height: 0px;background-color: #F3F3F3;}
.content_obj{width: 100%;min-height: 0px;margin-top: 10px; float: left;}
.content_title_logo{width: 5px;min-height: 25px;margin-top: 7px; margin-left: 10px;margin-right: 10px; background-color: #DE6B37;position: absolute;z-index: 1}
.content_title{width: 80%;min-height: 0px;margin-top: 7px; margin-left: 20px; position: absolute;z-index: 1}
.content_title p{font-size: 20px; color: #DE6B37;margin-top: 2px;float: left;}
.content_font{width: 100%;min-height: 0px;margin-top: 20px; float: left;}
.content_font p{color: #633319;}
.content_img{width: 100%;min-height: 0px;margin-top: 20px; float: left;}
.content_img img{width: 95%;margin-left: 2.5%;margin-top: 30px;margin-bottom: 30px; border: 1px solid #cccccc;}
.title_line{width: 100%;min-height: 4px;margin-top: 70px; background-color: #8196A2;opacity: 0.2;position: absolute}
.map_box{width: 99%;min-height: 0px;margin-left: 0.5%; margin-top: 10px;margin-bottom: 10px; border: solid 1px #cccccc; float: left;}
.map_box img{width: 100%;min-height: 0px;float: left;}
.url_link{width: 99%;min-height: 0px;margin-left: 0.5%; margin-top: 10px;margin-bottom: 10px; border: solid 1px #cccccc;float: left;}
.url_link iframe{width: 99%;min-height: 640px; margin-left: 0.5%;margin-top: 0.5%;}
.factory_img{width: 99%;min-height: 0px;margin-left: 0.5%; margin-top: 10px;margin-bottom: 10px;border: solid 1px #cccccc; float: left;}
.factory_img img{width: 100%;min-height:0px;}
.factory_map{width: 20%;min-height: 0px;margin-left: 4%;margin-top: 10px;margin-bottom: 10px; border: solid 1px #cccccc;float: left}
.tree_map{width: 99%;min-height: 0px;margin-left: 0.5%; margin-top: 10px;margin-bottom: 10px; border: solid 1px #cccccc;float: left;}
.tree_map img{width: 50%;margin-left: 25%;float: left;}
.catering_brand_img{width: 99%;min-height: 0px;margin-left: 0.5%; margin-top: 10px;margin-bottom: 10px;border: solid 1px #cccccc; float: left;}
.catering_brand_img img{width: 50%;min-height:0px;margin-left: 25%;}
.catering_brand_map{width: 20%;min-height: 0px;margin-left: 4%;margin-top: 10px;margin-bottom: 10px; border: solid 1px #cccccc;float: left}
/*================================================================================================================*/

.logo_url_box{width:  100%;min-height: 0px; margin-top: 40px;float: left;}
.title_name{width: 100%;min-height: 0px;margin-top: 40px; float: left;}
.title_name{color: #8196A2;}
.title_name p{margin-top: 2px;}
.title_line{width: 100%;min-height: 4px;margin-top: 70px; background-color: #8196A2;opacity: 0.2;position: absolute}
.logo_box{width: 20%;min-height:10px;float: left;}
.logo_frame{width: 80%;min-height: 0px; margin-left: 10%;margin-top: -10px;margin-bottom: 25px;border: solid 1px #cccccc;border-radius:10px;}
.logo_img{width: 80%;min-height:10px;margin-top: 5px; margin-left: 10%;}
.logo_img img{width: 100%;}
.logo_name{width: 100%;min-height: 0px;margin-top: 5px;margin-bottom: 5px;}
#color_01{width: 90%;margin-left: 5%;border-radius:4px; background-color: #F12607;}
#color_02{width: 90%;margin-left: 5%;border-radius:4px; background-color: #E02130;}
#color_03{width: 90%;margin-left: 5%;border-radius:4px; background-color: #594642;}
#color_04{width: 90%;margin-left: 5%;border-radius:4px; background-color: #5C606B;}
#color_06{width: 90%;margin-left: 5%;border-radius:4px; background-color: #75462A;}
#color_07{width: 90%;margin-left: 5%;border-radius:4px; background-color: #0A264D;}
#color_08{width: 90%;margin-left: 5%;border-radius:4px; background-color: #EE113E;}
#color_09{width: 90%;margin-left: 5%;border-radius:4px; background-color: #009900;}
.logo_name p{font-size: 14px; color: #ffffff; text-align: center;margin-top: 5px;margin-bottom: 5px;}
.sales_office_distribution_box{width: 100%;min-height: 0px;margin-left: 0%;float: left;}
.sales_office_distribution_obj{width: 100%;min-height: 0px;margin-top: 10px;float: left;}
.sales_office_distribution_img{width: 100%;min-height: 0px;float: left;}
.sales_office_distribution_img img{width:300px;margin-left: 5%;}
.office_information{width: 400px;min-height: 400px;margin-top: 20px;margin-right: 5%; background-color: #DAE3E8;border-radius:10px;float:right}
.office_information iframe{width: 90%;min-height: 360px; margin-left: 5%;margin-top: 20px;float: left;}
/*================================================================================================================*/
#investor_box{width:98%;margin-left: 1%; color: #633319;padding: 2px; margin-top: 10px;float: left;}
#investor_01{width: 98%;min-height: 640px;margin-left: 1%; margin-top: 0px;border: solid 1px #cccccc;float: left;}
#investor_02{width: 98%;min-height: 640px;margin-left: 1%; margin-top: 0px;border: solid 1px #cccccc;float: left;}
#investor_03{width: 98%;min-height: 640px;margin-left: 1%; margin-top: 0px;border: solid 1px #cccccc;float: left;}
.optton_iframe{width:100%;min-height: 0px;margin-top: 10px;float: left;}
/*================================================================================================================*/
.stock_information_box{width: 98%;min-height: 500px;margin-top: 10px; margin-left: 1%;border: solid 1px #cccccc;float: left;}
.stock_information_box iframe{width: 60%;margin-left: 20%; min-height: 500px;margin-top: 10px;margin-bottom: 10px;float: left;}
.stock_transfer_information_box{width: 98%;height: 93px;margin-top: 10px; margin-left: 1%;border: solid 1px #cccccc;float: left;}
.stock_transfer_information_box iframe{width: 100%;margin-top: 0px;float: left;}
/*================================================================================================================*/
.book_box{width: 98%;min-height: 0px; margin-left: 1%;margin-top: 10px; float: left;}
.book_box iframe{width: 100%;min-height: 650px;}
.contact_us_box{width: 100%;min-height: 0px;margin-top: 10px; float: left;}
.contact_us_box iframe{width: 100%;}
.spokesperson_information_box{width:100%;min-height: 0px;margin-top: 10px; float: left;}
.spokesperson_information_box iframe{width: 100%;}