html {padding: 0; margin: 0; top: 0; left: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;}
body {background: #E1E3E7;}

/*Page Background*/
#bgwebsite {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000;}
#bgwebsite_img {position: relative; width: 100%; opacity: 0.4; filter: brightness(110%);}

/*Page Container*/
#bgpagemain {position: relative; top: 5px; left: 0; width: 1100px; height: 700px; margin: 0 auto; border: 0px solid white;}
.text_title01, .text_title02 {position: relative; display: block; font-weight: bold; color: #ff0; text-shadow: 1px 1px 3px #000;}
.text_title01 {font-size: 2.75rem; padding-bottom: 20px;}
.text_title02 {font-size: 2.00rem;}


/*Page Header*/
#pg_header {position: relative; top: 0px; width: 100%; height: 125px; overflow: hidden;}
#pg_head_top , #pg_head_menu {position: relative; width: 100%; margin: 0 auto; top: 0;}
#pg_head_top {height: 100px; overflow: hidden;}
#img_logo {position: absolute; top: 10px; left: 0; height: 70px; z-index: 776;}
#img_head_top {position: absolute; top: 15px; left: 474px; height: 105px; z-index: 775; filter: drop-shadow(0 0 4px #777);}

#header_socmed {position: absolute; width: 100px; left: 999px; z-index: 777;}
.header_icon_socmed , .header_link_socmed , .header_text_socmed {position: relative;}
.header_icon_socmed {width: 20px; margin-left: 5px; top: 5px;}
.header_link_socmed {height: 20px; font-size: 1.20rem; text-decoration: none; color: white; text-shadow: 1px 1px 3px #000080;
                display: block; width: 100px; text-align: right; padding-bottom: 3px;}
.header_link_socmed:visited {color: white;}
.header_link_socmed:hover {font-weight: bold; color: #ffff00;  text-shadow: none;}
.header_link_socmed:hover .header_icon_socmed {filter: drop-shadow(0 0 4px #ccc);}

/*Page Contents*/
#pg_contents {position: relative; width: 100%; top: 0px; padding-top: 20px; padding-bottom: 20px; background-color: rgba(0, 0, 0, 0.3); overflow: auto;}
#contact_distri_network {position: relative; width: 100%; margin-top: 5px; display: block;}

.pg_contents_box {position: relative; width: 100%;  clear: both;}
.pg_contents_left , .pg_contents_right {position: relative; float: left;}
.pg_contents_left {width: 840px; padding-top: 10px; padding-bottom: 10px; }
.pg_contents_right {width: 260px; background-color: rgba(85, 85, 85, 0.4);}

.pg_contents_text {position: relative; font-size: 1.30rem; text-align: justify; color: white;}
.pg_contents_label {position: relative; display: block; padding-bottom: 10px; padding-right: 25px;}
.pg_contents_img_right {position: relative; width: 238px; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid white;}
.pg_contents_img_banner {position: relative; width: 100%;}

/*Page Footer*/
#pg_footer {position: relative; top: 0px; width: 100%; height: 190px; background-color: rgba(85, 85, 85, 0.7); overflow: hidden;}
#pg_footer_left, #pg_footer_center, #pg_footer_right {position: relative; float: left; overflow: hidden;}
#pg_footer_left {width: 140px; padding-left: 5px;}
#pg_footer_center {width: 705px;}
#pg_footer_right {width: 245px; text-align: right; padding-right: 5px;}

#pg_footer_link {position: relative; list-style: none; margin: 0; padding: 0; left: 5px;}
#pg_footer_link li {padding-bottom: 5px;}
#pg_footer_link a {cursor: pointer; color: #fff; text-decoration: none; font-size: 1.20rem;}
#pg_footer_link a:hover {color: #FF8000; font-weight: bold;}
#pg_footer_socmed {position: relative; width: 140px; left: 5px; margin-top: 5px;}

#pg_footer_location {position: relative; padding-right: 5px; font-size: 1.20rem; text-align: right; color: white;}
#pg_footer_location > p {padding-top: 15px; text-decoration: none; font-size: 1.20rem;}
#pg_footer_location > p a {cursor: pointer; color: #fff; text-decoration: none; font-size: 1.20rem;}
#pg_footer_location > p a:hover {color: #FF8000; font-weight: bold;}

.pg_footer_title {position: relative; display: block; padding-bottom: 10px; padding-top: 5px; font-size: 1.75rem; font-weight: bold; color: yellow;}
.footer_icon_socmed {position: relative; width: 20px; display: inline-block; margin-right: 5px; margin-top: 3px; cursor: pointer;}
.footer_icon_socmed:hover {filter: drop-shadow(0 0 4px #ccc);}


/*Page Copyright*/
#pg_copyright {position: relative; width: 100%;}
#pg_copyright > label {position: relative; width: 90%; height: 30px; display: block; padding: 15px; font-size: 1.00rem; text-align: center; color: white;}

/*DropDown Menu CSS*/
#pg_head_menu {height: 25px; background: url('../images/stamford_bg_line.png'); z-index: 888;}
#pg_head_menu a , .dropmenu_active {padding-top: 4px; padding-bottom: 5px; font-family: Verdana; font-size: 1.30rem; font-weight: bold;}
#pg_head_menu a {position: relative; display: block; width: 100%; color: white; text-decoration: none; font-style: italic; text-shadow: 1px 1px 2px #0000ff;}
#pg_head_menu a:hover {background: #0707dd; color: #aeff00;}
#pg_head_menu > ul {position: relative; list-style: none; margin: 0; padding: 0;}
#pg_head_menu > ul > li {position: relative; width: 130px; text-align: center; border-left: 1px solid white; float: right;}
#pg_head_menu > ul > li:hover {background: #0707dd; color: #aeff00;}

.dropmenu_active {color: yellow; background: #009E60; pointer-events: none;}