body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e8e9f4;
	SCROLLBAR-FACE-COLOR: #CCCCC;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #99999;
    SCROLLBAR-3DLIGHT-COLOR: #99999;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #e3e3e3;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    SCROLLBAR-BASE-COLOR: #C4C4C4;
	background-image: url('../../images/masterflowbg.jpg');
	background-repeat:repeat-x;
	font-family: Arial;
}

.body_table{
	width:770px;
	height:100%;
	background-color:#FFFFFF;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#580000;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#580000;
}

/*Menu的css*/
.menu_table{
	width:210px;
	height:100%;
	background-repeat:repeat;
	background-image:url(../../images/cosmtec_31.jpg);
	vertical-align: top;
}
.menu_main{
	font-size:11px;
	color: #585858;
	font-family:Arial Black,Helvetica,sans-serif;
	text-align:left;
	line-height: 22px;
}
.menu_main A:link { COLOR: #585858; TEXT-DECORATION: none }
.menu_main A:visited { COLOR: #585858; TEXT-DECORATION: none }
.menu_main A:active { COLOR: #585858; TEXT-DECORATION: none }
.menu_main A:hover { COLOR: #FF0000; TEXT-DECORATION: none }

/*Menu的css*/

/*Sub_Menu的css*/
.menu_sub{
	font-size:9pt;
	font-family:Arial;
	font-weight: normal;
	color:#474747;
	line-height: 12px;
	vertical-align: middle;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	vertical-align: bottom;
}
.menu_sub A:link { COLOR: #474747; TEXT-DECORATION: none }
.menu_sub A:visited { COLOR: #474747; TEXT-DECORATION: none }
.menu_sub A:active { COLOR: #474747; TEXT-DECORATION: none }
.menu_sub A:hover { COLOR: #ff0000; TEXT-DECORATION: none }

/*Sub_Menu的css*/

/*單元選單的css*/
.menu_content{
	height:24px;
	font-family:Arial;
	font-weight:bold;
	color:#580000;
	font-size:11pt;
	vertical-align:bottom;
}
.menu_content A:link { COLOR: #580000; TEXT-DECORATION: none }
.menu_content A:visited { COLOR: #580000; TEXT-DECORATION: none }
.menu_content A:active { COLOR: #580000; TEXT-DECORATION: none }
.menu_content A:hover { COLOR: #ff0000; TEXT-DECORATION: none }

/*單元選單的css*/

.member_table{
  font-family: "新細明體", "Arial";
  font-size: 9pt;
  line-height: 18pt;
}

hr{
	outline-style: solid;
	color: Maroon;
	width: 100%;
	vertical-align: middle;
}

/*CopyRight Bar*/
.menu_bottom{
	height:26px;
	text-align:center;
	font-family:Arial;
	font-size:9pt;
	color:black;
	background-image:url(../../images/cosmtec_04.jpg);
}

.content_table{
	vertical-align: top;
	text-align:center;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	width:95%;
	height:100%;
	border-style:solid;
	border-width:0px;
	background-image:url(../../images/cosmtec_21.jpg);
	background-repeat:no-repeat;
}

.product_body_table{
	width:100%;
	border-width:0px;
	border-style:solid;
	border-color:red;
	text-align:center;
	vertical-align:top;
	table-layout:fixed;
}

.product_new_table{
	width:100%;
	border-width:0px;
	border-style:solid;
	background-image:url(../../images/newproducts.jpg);
	background-repeat: no-repeat;
	height:36px;
	color:#FFFFFF;
	font-family:"新細明體";
	font-weight: bold;
	vertical-align:center;
	font-size:13px;
	text-align:left;
}

.product_all_table{
	width:100%;
	border-width:0px;
	border-style:solid;
	background-image:url(../../images/allproducts.jpg);
	background-repeat: no-repeat;
	height:36px;
	color: Navy;
	font-family:Arial;
	font-weight: bold;
	vertical-align:center;
	font-size:18px;
	text-align:left;
}


.product_item_table{
	width:90%;
	height:110px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	font-weight: normal;
	color:#585858;
}

.product_img{
	border-style:solid;
	border-color:FF8400;
	width:100px;
	border-width:1px;
	cursor:pointer;
}

.product_img2{
	border-style:solid;
	border-color:FF8400;
	width:520px;
	border-width:1px;
	cursor:pointer;
}


.product_img_middle{
	border-style:solid;
	border-color:FF8400;
	border-width:1px;
	/*cursor:pointer;*/
	width:230px;
}

.product_img_large{
	border-style:solid;
	border-color:FF8400;
	border-width:1px;
	/*cursor:pointer;*/
	width: 500px;
}

.product_img_small{
	border-style:solid;
	border-color: #6C747D;
	width:200px;
	height:150px;
	border-width:1px;
	cursor:pointer;
}

.pbutton_add{
	border-width:1px;
	border-style:solid;
	font-weight:normal;
	font-family:Arail;
	font-size:12px;
	text-align:center;
	cursor:pointer;
}

.pbutton_detail{
	border-width:1px;
	border-style:solid;
	font-family:Arail;
	font-size:12px;
	text-align:center;
	cursor:pointer;
}

.search_table{
	background-image: url(../../images/cosmtec_20.jpg);
	background-repeat: no-repeat;
	width:210px;
	height:86px;
}

.f1 { font-size: 9pt;font-family: 細明體;}

.green_title{
	background-color:#EEFBB8;
	border-width:1px;
	border-style:solid;
	border-color:#A0C702;
	color:#6F8B01;
	font-family: "Arial","新細明體";
	font-weight: bold;
	width: 30%;
}

.green_cont{
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:#A0C702;
	color:#6F8B01;
	width: 70%;
}

.blue_title{
	background-color:#99CCFF;
	border-style:solid;
	border-width:1px;
	border-color:#99CCFF;
	color:#095DCF;
	font-family: "Arial","新細明體";
	font-weight: bold;
	text-align:left;
	line-height:18px;
}

.blue_cont{
	background-color:#E8F3FF;
	border-style:solid;
	border-width:1px;
	border-color:#99CCFF;
	text-align:left;
	color:#095DCF;
	padding: 5px;
	font-family: Arial;
}

.blue_cont div{
	width:100%;
	border:#000000 1px solid;
}

.blue_cont div img{
	width:550px;
	border:#252525 1px solid;
}

.orange_title{
	background-color: #FFFCD2;
	border-style:solid;
	border-width:1px;
	border-color: #FFD700;
	color: #ECC900;
	font-family: Arial;
	font-weight: bold;
	text-align:center;
	line-height:18px;
}

.orange_cont{
	background-color: #FFFCD7;
	border-style:solid;
	border-width:1px;
	border-color: #FFE54F;
	text-align:left;
	color: #FFDB09;
	padding: 5px;
}

.pink_title{
	background-color:#FFCCCC;
	border-style:solid;
	border-width:1px;
	border-color:#FFCCCC;
	color:#810606;
	text-align:left;
	line-height:18px;
	font-family: "Arial","新細明體";
	font-weight: bold;
}

.pink_cont{
	background-color:#FFE8E8;
	border-style:solid;
	border-width:1px;
	border-color:#FFCCCC;
	text-align:left;
	color:#810606;
	padding: 5px;
}

.loginHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
}
.white9px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
}

.blackContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #1E1E1E;
}
.blackContentB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #1E1E1E;
}
.size9pt {
	font-size: 9pt;
	line-height: 11pt;
}
.menuHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #585858;
}
.menuSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #555555;
}
a.menuHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration:none;
	color: #585858;
}
a.menuSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration:none;
	color: #555555;
}

.theme1_tbnormal{
	background-color:#FFFFFF;
	border-style:solid;
	border-width:0px;
	border-color:#badbfe;
	text-align:left;
	color:#000000;
}
.theme1_tbover{
	background-color:#badbfe;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	color:#000000;
	cursor:pointer;
	text-align:left;
}
.theme1_tbtover{
	background-image:url(../../images/dot_123a.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left;
	background-color:#badbfe;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	color:#000000;
	cursor:pointer;
	text-align:left;
}

.theme1_tbtitle{
	background-image:url(../../images/dot_123b.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left;
	background-color:#99CCFF;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	text-align:left;
	color:#095DCF;
}

.theme2_tbnormal{
	background-color:#FFFFFF;
	border-style:solid;
	border-width:0px;
	border-color:#badbfe;
	text-align:left;
	color:#000000;
}
.theme2_tbover{
	background-color:#EEFBB8;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	color:#000000;
	cursor:pointer;
	text-align:left;
}
.theme2_tbtover{
	background-image:url(../../images/dot_123a.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left;
	background-color:#EEFBB8;
	border-style:solid;
	border-width:0px;
	border-color:#6F8B01;
	color:#000000;
	cursor:pointer;
	text-align:left;
}

.theme2_tbtitle{
	background-image:url(../../images/dot_123b.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left;
	background-color:#A0C702;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	text-align:left;
	color:#095DCF;
}

.theme3_tbnormal{
	background-color:#FFFFFF;
	border-style:solid;
	border-width:0px;
	border-color:#badbfe;
	text-align:left;
	color:#000000;
}
.theme3_tbover{
	background-color:#FFFCD7;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	color:#000000;
	cursor:pointer;
	text-align:left;
}
.theme3_tbtover{
	background-image:url(../../images/dot_123a.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFCD7;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	color:#000000;
	cursor:pointer;
	text-align:left;
}

.theme3_tbtitle{
	background-image:url(../../images/dot_123b.gif);
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFE54F;
	border-style:solid;
	border-width:0px;
	border-color:#99CCFF;
	text-align:left;
	color:#095DCF;
}


.accordion {  
    width: 165px;  
    /*border-bottom: solid 1px #c4c4c4;  */
}  
.accordion h2 {  
    background: #0E6291 url(.../arrow-square.gif) no-repeat right -51px;  
    padding: 7px 10px;  
    margin: 0;  
    font: bold 100%/100% Arial, Helvetica, sans-serif;  
    color:#FFFFFF;  
    border: solid 1px #c4c4c4;  
    /*border-bottom: none;  */
    cursor: pointer;  
}
.accordion h2.visited {  
    background-color: #e3e2e2; 
    color:#FFFFFF; 
}   
.accordion h2:hover {  
    background-color: #e3e2e2;  
}  
.accordion h2.a:active {  
    background-position: right 5px;  
    color:#FFFFFF;
}  
.accordion p {  
    background: #f7f7f7;  
    margin: 0;  
    padding: 10px 15px 20px 5px;
    font-size:12px;
    text-align:left;  
    border-left: solid 1px #c4c4c4;  
    border-right: solid 1px #c4c4c4;  
    border-bottom: solid 1px #c4c4c4;
} 
.accordion p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	color: #555555;
}

.boxLogin {
	padding-left:8px;
}


.profilecont{
	vertical-align:top;
	text-align:left;
	letter-spacing:normal;
	word-spacing:1px;
	line-height:18px;
	padding-left:20px;
	padding-top:30px;
	color:grey;
	font-family:Arial;
	font-size:16px
}

.profilecont br{
	font-size:16px;
	line-height: 5px;
	letter-spacing: normal;
}

.topnavigation{
	color:#FFFFFF;
	font-size:11pt;
	text-align:center;
	font-weight:normal;
	font-family: Arial;
	vertical-align: middle;
}

.ctopnavigation{
	width:100%;
	color:#FFFFFF;
	font-size:11pt;
	text-align:center;
	font-weight:normal;
	font-family: '新細明體';
	vertical-align: middle;
}

.topnavi_start{
	background-image:url(../../images/masterflow_menu1.jpg);
	width:31px;
	height:47px;
}

.topnavi_bg{
	background-image:url(../../images/masterflow_menu2.jpg);
	height:47px;
	background-repeat:repeat-x;
	cursor:pointer;
	padding-right:3px;
	padding-left:3px;
}

.topnavi_split{
	background-image:url(../../images/masterflow_split.jpg);
	width:9px;
	height:47px;
}

.btn1{
	border-color:#ADADAD;
	border-width:1px;
	border-style:solid;
	background-color:#CBD1DB;
	padding:0px;
	font-size:12px;
	font-family:Arial;
	padding-right:3px;
	padding-left: 3px;
}

.input_login{
	border-color:#ADADAD;
	border-width:1px;
	border-style:solid;
	background-color:#E2E2E2;
	width:95%;
	font-family:Arial;
	font-size:13px;
	margin-top:4px;
	margin-bottom:4px;
}

.title_login{
	text-align:left;
	font-family:Arial;
	font-size:12px;
	vertical-align: middle;;
}

.content_login{
	text-align:left;
	font-family:Arial;
	font-size:12px;
	vertical-align: middle;
	cursor: pointer;
	padding-top: 5px;
}

.content_footer{
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:10pt;
	font-family:Arial;
	height:70px;
}

select{
	font-family:Arial;
	font-size:13px;
	position:relative;
   left:-2px;
   top: 2px;
   line-height:18px;
   color:#000000;
}

.content_main{
	background-color:#FFFFFF;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
}