@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;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_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;}
/*================================================================================================================*/

.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_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;}