@charset "utf-8";
/*syntax font:
[style | variant | weight] size[/line-height] family
syntax padding & margin:
2em (all set to 2em)
1em 2em (top&bottom=1em, right&left=2em)
1em 2em 3em (top=1em, right=2em, bottom=3em, left=2em)
1em 2em 3em 4em (top=1em, right=2em, bottom=3em, left=4em) (follow clock)*/
/*default styles*//*font-family:"Comic Sans MS";*/
html {width:auto;height:100%;top:0;right:auto;bottom:0;left:0;}
body {background-color:#000000;padding:0;margin:0;color:#FFFFCC;font-size:100%;font-family:'Trebuchet MS', Tahoma, 'Microsoft Sans Serif', 'MS Sans Serif';min-width:590px;width:auto;height:100%;top:0;right:auto;bottom:0;left:0;}
#wrap {padding:0;margin:0;width:auto;height:100%;top:0;right:auto;bottom:0;left:0;}
/*link states*/
a {color:#FFCC00;text-decoration:none;}
a:link {color:#FFCC00;text-decoration:none;}
a:visited {color:#99CCFF;text-decoration:none;}
a:hover {color:#CCFF00;text-decoration:underline;}
a:active {color:#CCFF00;text-decoration:underline;}
/*image*/
img {border-style:none;}
/*table*/
#wrap table {border-collapse:collapse;border-spacing:0;font-size:100%;}
/*table for add shadow image back side logo company*/
#logoCob {background:transparent url('images/bg-black-rz138x85-for-weblogo-2.png') no-repeat bottom center;border-style:none;padding:0;margin:0.2em 0 0 0;position:absolute;width:138px;height:85px;}
/*table for join image logo company*/
#logoCot {background:transparent;border-style:none;padding:0;margin:0 0 0 0.33em;position:absolute;width:128px;height:79px;}
#logoCot table {display:block;position:absolute;table-layout:fixed;width:100%;height:100%;}
.pcclg1 {background:transparent url('images/brand-d2f-1_01.jpg') no-repeat top left;width:64px;height:20px;}
.pcclg2 {background:transparent url('images/brand-d2f-1_02.jpg') no-repeat top left;width:64px;height:20px;}
.pcclg3 {background:transparent url('images/brand-d2f-1_03.jpg') no-repeat top left;width:64px;height:20px;}
.pcclg4 {background:transparent url('images/brand-d2f-1_04.jpg') no-repeat top left;width:64px;height:20px;}
.pcclg5 {background:transparent url('images/brand-d2f-1_05.jpg') no-repeat top left;width:64px;height:19px;}
.pcclg6 {background:transparent url('images/brand-d2f-1_06.jpg') no-repeat top left;width:64px;height:19px;}
.pcclg7 {background:transparent url('images/brand-d2f-1_07.jpg') no-repeat top left;width:64px;height:20px;}
.pcclg8 {background:transparent url('images/brand-d2f-1_08.jpg') no-repeat top left;width:64px;height:20px;}
/*div logo company all page*/
#ojsDe1 {display:block;z-index:9999;width:138px;height:88px;top:0;left:9px;}
/*div company proposal box in index page*/
/*#ojsDe2 {color:#C98AFD;font-size:75%;display:block;position:absolute;z-index:9998;width:270px;height:20px;top:2px;left:154px;}*/
/*head zone*/
#header {padding:0;margin:0 0 auto;color:#C98AFD;font-size:80%;position:static;vertical-align:top;width:100%;height:43px;top:0;right:0;bottom:auto;left:0;}
/*div head highlight show wording, time & important day*/
.hdhghlght1 {font-family:Tahoma;display:block;width:96px;right:24px;}
.hdhghlght2 {font-family:Tahoma;display:block;width:100%;}
/*div wording link to page normal or mobile in head section on index page*/
.hdrfindx {padding:0 1em;display:inline-block;color:#FFFFCC;font-style:normal;line-height:normal;text-align:right;float:right;clear:both;}
/*div head company proposal content area*/
.hdrfall2 {font-size:75%;}
/*matter zone*/
#matterZone {background-color:#996600;border-top:3px solid #A67000;border-bottom:3px solid #885B00;padding:0 0.5em;margin:43px 0 50px;font-size:80%;vertical-align:top;position:static;width:100%;height:auto;top:43px;right:0;bottom:50px;left:0;}
/*foot zone*/
#footer {border-style:none;padding:0;margin:auto 0 0;color:#C98AFD;font-size:80%;text-align:center;vertical-align:top;position:static;width:100%;height:50px;top:auto;right:0;bottom:0;left:0;}
/*small blank line space*/
.alinespc {padding:0;margin:0;line-height:40%;width:100%;}
.blckclrbth {display:block;clear:both;}