@charset "utf-8";
/*
Template Name: Gallerised
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("navi.css");
@import url("forms.css");
@import url("tables.css");
@import url("featured_slide.css");

html{overflow-y:scroll;}
body{margin:0; padding:0; color:#999999; 
background-image: url("images/bg.jpg"); 
background-repeat: repeat-x;
font-size:12px; font-family:DFKai-sb;}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}

.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none; color:#FFFF00;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{display:block; margin:0; padding:0; border:none;}
.imgl, .imgr{border:0px solid #C7C5C8; padding:5px;}
.imgl{margin:0 8px 8px 0; clear:left;}
.imgr{margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; width:100%; margin:0; text-align:left;}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:normal; line-height:normal;}
.col1{border-top:5px solid #666;}
.col1 a{color:#CCCCCC;}
.col2{ /* padding:20px 0; */ }
.col3{}
.col4{}
.col5, .col5 a{color:#333; background-color:#7f796b;}
.col6{
	width:940px;
	background:url('../../images/safety/bg.jpg');
	}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #breadcrumb, #container, .gallery, #footer{display:block; position:relative; width:960px; margin:0 auto;}

/* ----------------------------------------------Header------------------------------------- */

#header{
	padding:5px 0; 
	z-index:1000;
	font-family:DFKai-sb;}
#header .fl_left{display:block; float:left; overflow:hidden;}
#header h1, #header p, #header ul{margin:0; padding:0; list-style:none; line-height:normal;font-family:DFKai-sb;}
#header h1 a{font-size:32px;font-family:DFKai-sb;}
#header .fl_left p{margin-top:0px;}

/* ----------------------------------------------BreadCrumb------------------------------------- */

#breadcrumb{padding:30px 0; border-top:0px dotted #666; border-bottom:0px dotted #666;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content------------------------------------- */

#container{padding:30px 0; border-bottom:0px dotted #666;}
#content{display:block; float:left; width:630px;}
#contentbox{
	margin-left:0px;
	margin-right:0px;
	height:480px;
	background:url('../../images/safety/bg.jpg');
	background-attachment: fixed;
  	background-repeat: no-repeat;
 	 background-position: center;
 	 background-size: cover;
	/*text-align:center;*/
	
	}
	.centerbox{
	   width:880px;
    	 height:450px;
  	  position:relative;
  	  top:20px;
  	  left:40px;
	  font-size:16px;
	  font-family:DFKai-sb; 
	  line-height:10px;	
	  
	/*  background-color:#00F; */
}
.centerbox h2{
	display:block; 
	text-align:left; 
	margin:0 0 20px 0; 
	padding:0; 
	color:#0; 
	font-size:40px; 
	text-transform:uppercase; 
	line-height:normal;
	font-family:DFKai-sb;}
.centerbox p{
	display:block; text-align:center; margin:0 0 20px 0; padding:0; color:#0;  font-size:16px; text-transform:uppercase; line-height:normal;font-family:DFKai-sb;}


#contentbox2{
	margin-left:0px;
	margin-right:0px;
	height:480px;
	/*background-color:#000000;*/
	/*text-align:center;*/
	
	}
	.contentleft{
	   width:480px;
      height:480px;
  	  position:relative;
  	  top:0px;
  	  left:0px;
	  background-image: url("../../images/ab1.jpg");
	  background-sizeˇGauto;
	  /*background-attachment: fixed;*/
    	background-repeat: no-repeat;
 	 background-position: center;
 	 background-size: cover;
	  /*background-color:#00F;*/
	  }
	  .contentright{
	   width:440px;
      height:450px;
  	  position:absolute;
  	  top:50px;
  	  right:20px;
	  line-height:24px;	
	  /*background-color:#0F0;*/ 
	  /*margin:0px 0px 0px 0px;*/
}
.contentleft2{
	   width:960px;
      height:480px;
  	  position:relative;
  	  top:0px;
  	  left:0px;
	 
	 
	  }
	  .contentright2{
	   width:366px;
      height:480px;
  	  position:absolute;
  	  top:240px;
  	  right:80px;
	  line-height:24px;	
	 /* background-image: url("../../images/bg2a.jpg"); */
	  background-sizeˇGauto;
	  /*background-attachment: fixed;*/
    	background-repeat: no-repeat;
 	 background-position: center;
 	 background-size: cover;
	  /*background-color:#0F0;*/ 
	  /*margin:0px 0px 0px 0px;*/
}
.contentleft2a{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow:hidden;
	   width:500px;
      height:420px;
  	  position:relative;
  	  top:100px;
  	  left:30px;
	 
	  
	  }
	  .contentleft2 table {
table-layout: fixed;
word-wrap:break-word;
}

.contentright2a{
	   width:360px;
      height:240px;
  	  position:relative;
  	  top:240px;
  	  right:-10px;
	 
	  
	  }
.contentright h1{
	font-size:24px; 
	font-family:DFKai-sb;
}
.contentright p{
	text-indent:2em; padding:0px; margin:0px;
	font-size:20px; 
	font-family:DFKai-sb;
}
#contentbox3{
	width: 960px;
	height: 480px;
	margin-left:0px;
	margin-right:0px; 
	background-size :960px 480px ;
	
	background:url('../../images/s1a.jpg');
ˇ@	background-repeat:no-repeat;ˇ@
ˇ@	background-attachment:fixed;ˇ@
ˇ@	background-position:center;ˇ@
}
.centerbox3{
	   width:240px;
       height:240px;
  	  position:relative;
  	  top:220px;
  	  left:20px;
	  line-height:40px;
	  /*background-color:#FF0;*/
}
	  
/* Comments */

#comments{margin-bottom:40px;}
#comments .commentlist{margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#CCCCCC; background-color:#333333;}
#comments .commentlist li.comment_odd a{color:#FFFF00; background-color:#333333;}
#comments .commentlist li.comment_even{color:#CCCCCC; background-color:#1E1E1E;}
#comments .commentlist li.comment_even a{color:#FFFF00; background-color:#1E1E1E;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;}
#comments .commentlist li .avatar{float:right; border:0px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Gallery------------------------------------- */
.gallery{display:block; position:relative; width:960px; height:460px; margin:0 auto;
	  background-image: url("../../images/i1.jpg");
	  background-sizeˇGauto;
	  /*background-attachment: fixed;*/
    	background-repeat: no-repeat;
 	 background-position: center;
 	 background-size: cover;
}
.gallery{padding:0px 0px 30px 0;}
.wrapper .gallery h2{display:block; text-align:left; margin:0 0 10px 0; padding:0; color:#000; font-size:24px; text-transform:uppercase; line-height:normal;font-family:DFKai-sb;}
	.gallery p{display:block; text-align:center; margin:0 0 20px 0; padding:0; color:#000; font-size:12px; text-transform:uppercase; line-height:16px;font-family:DFKai-sb;}
.gallery ul{display:inline; margin:0; padding:0; list-style:none;}
.gallery ul li{display:block; float:left; margin:0 10px 10px 0;}
.gallery ul li img{width:100px; height:100px; padding:4px; border:0px solid #FFFF00;}
.gallery ul li.last{margin-right:0;}
.gallery table {
    width: 100%;
	font-size:14px;
    border: 0px;
	font-family:DFKai-sb;
}
.gallerybox{
	   width:480px;
       height:360px;
  	  position:relative;
  	  top:10px;
  	  left:20px;
	  line-height:10px;	
	  color:black;
	
	
	/*text-align:center;*/
	
	}

/* ----------------------------------------------Column------------------------------------- */
/* ----------------------------------------------Gallery------------------------------------- */
.gallery2{display:block; position:relative; width:960px; height:460px; margin:0 auto;
	  background-image: url("../../images/inst01.jpg");
	  background-sizeˇGauto;
	  /*background-attachment: fixed;*/
    	background-repeat: no-repeat;
 	 background-position: center;
 	 background-size: cover;
}
.gallery2{padding:0px 0px 30px 0;}
.wrapper .gallery2 h2{display:block; text-align:left; margin:0 0 10px 0; padding:0; color:#000; font-size:24px; text-transform:uppercase; line-height:normal;font-family:DFKai-sb;}
	.gallery2 p{display:block; text-align:center; margin:0 0 20px 0; padding:0; color:#000; font-size:12px; text-transform:uppercase; line-height:16px;font-family:DFKai-sb;}
.gallery2 ul{display:inline; margin:0; padding:0; list-style:none;}
.gallery2 ul li{display:block; float:left; margin:0 10px 10px 0;}
.gallery2 ul li img{width:100px; height:100px; padding:4px; border:0px solid #FFFF00;}
.gallery2 ul li.last{margin-right:0;}
.gallery2 table {
    width: 100%;
	font-size:14px;
    border: 0px;
	font-family:DFKai-sb;
}
.gallery2box{
	   width:480px;
       height:360px;
  	  position:relative;
  	  top:10px;
  	  left:20px;
	  line-height:10px;	
	  color:black;
	
	
	/*text-align:center;*/
	
	}

/* ----------------------------------------------Column------------------------------------- */

#column{display:block; float:right; width:300px;}
#column .holder{display:block; width:260px; margin-bottom:20px; padding-left:10px;}
#column .holder, #column #featured{display:block; width:300px; margin-bottom:20px;}
#column .holder p{line-height:1.6em;}
#column h2{font-size:20px;}
#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:0px dashed #666666;}
#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:0px solid #666666;}
#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;}
#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; border:0px solid #666666;}


/* ----------------------------------------------Footer------------------------------------- */

#footer{padding:0px 0;}
#footer p{	
	color:white; 
	text-align:center;
	margin:0px; padding:3px;
	font-family:Microsoft JhengHei;}
#footer a{	
	color:white;  	
	margin:5px; padding:5px;}