/* 嵌入字型設定 */

@font-face{
    font-family:"Sentinel-Light";
    src:url('../font/Sentinel-Light.eot');
    src:url('../font/Sentinel-Light.otf'); /** 設定IE使用的EOT字型檔位置 **/
    src:local('☺'),url('../font/Sentinel-Light.woff') format('woff'),url('../font/Sentinel-Light.ttf') format('truetype'),url('../font/Sentinel-Light.svg#SentinelLight') format('svg'); /** 設定firefox、chrome...等使用的字型檔放置的地方 **/

}



	  html,  body
	    {
         height: 100%  
	    }
 #wapper{  
    position: relative;  
    height: auto;         
    min-height: 100%  
}  
footer{  
   position: absolute;  bottom: 0; 
   left:0px; 
   height: 30px;      
   width:100%;
}  
#main{  
   padding-bottom: 30px; 
}  
/*/////////////////////////basic/////////////////////////*/
body {
	
      line-height:1.8em;
/*	font-size: 100%; */
	margin:0;
    padding:0;
	word-wrap: break-word;
	word-break: normal;
    font-family: "Sentinel-Light";
    color:#676767;
      letter-spacing:0.6px;

}
a  {
	color: #676767;
}
a:hover {
	text-decoration: none;
    color:#c61a25;
}

h1,h2,h3,h4,h5,h6 {
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
ul, li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}


/*clearfix*/
.clear{ clear:both; }
.clearfix:before, .clearfix:after { content: "";display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.CLEAR{ clear:both; font-size:1px; height:0; line-height:0;}





.right {
	float: right;
}
hr {
	border-top: 1px solid rgba(210,210,210,1);
	clear: both;
	margin: 20px 0 20px 0;
}


/*content*/

#main {
    width:100%;
 
   
    margin-top:8px;
}
#content {
	
   
    margin:0 auto;
    
      background:url(../images/main.jpg) no-repeat white;
  width:950px;
  height:536px;
}
#whocontent
{
  margin:0 auto;
  width:950px;

}
.content
{
 display:inline-block;
 
}
.centercontent
{
   width:100%;
  background:url(../images/index_bg.jpg) repeat;
}


    .navpath 
	    { 
           color:#676767;
           padding:30px 0px 30px 0px;
           font-family: "Sentinel-Light";
           font-size:0.6em;
         
	    }
        .navpath a:first-child
        {
           display:inline-block;
           margin-right:2px;
        }
         .navpath a
        {
           display:inline-block;
        }
        .navpath div
        {
         font-family: "Sentinel-Light";
            display:inline-block;
           font-size:0.9em;
           margin:0px 1px 0px 1px;
        }
        .leftcontent {
        width:510px;
        float:left;   
        padding:25px 10px 20px 25px;
         position:relative;
          height:260px;
        }
	   
         .rightcontent {
        width:370px;
        float:left;   
        padding:20px 25px 20px 0px;
         position:relative;
          height:260px;
        }

     .leftcontent2 {
          width:395px;
        float:left;   
        padding:30px 10px 20px 22px;
         position:relative;
         
      }

         .rightcontent2 {
        width: 480px;
float: left;
padding: 12px 10px 20px 5px;
position: relative;
         
      }
      .title1
	    {
          color:#c61a25;
          font-weight:bolder;
         
	    }
	    .red
	    {
        color:#c61a25;
	    }
	    .tophr
	    {
         background:url(../images/index_bg.jpg) repeat white;width:100%;height:5px;
	    }
        .pagetitle
                { 
                    margin:0 auto;
                    width:889px;
                    /*height:39px;*/
                    /*background:url(../images/newsdatatitle.jpg) repeat-x repeat-y;*/
                    background-color: #6e6e6e;
                }
                 .pagetitle h4
                    {
                       color:white;
                       padding:8px 0px 8px 30px;
                       font-size:1.3em;
                       font-weight: bolder;
                    }
                     .leftcontent3 {
        width:57%;
        float:left;   
        padding:25px 10px 20px 10px;
         position:relative;
         
        }
	   
         .rightcontent3 {
        width:43%;
        float:right;   
        padding:20px 0px 20px 0px;
         position:relative;
         text-align:right;
         
        }
        
                .leftcontent4
                {
                 width:61%;
        float:left;   
        padding:25px 10px 20px 0px;
         position:relative;
          letter-spacing:0.6px;
                }
                .rightcontent4
                {
             
                    width:39%;
        float:right;   
        padding:5px 0px 20px 0px;
         position:relative;
                }

                                  .leftcontent5
                {
                 width:45%;
        float:left;   
        padding:13px 10px 20px 0px;
         position:relative;
          letter-spacing:0.6px;
                }
                .rightcontent5
                {
             
                    width:55%;
        float:right;   
        padding:0px 0px 20px 0px;
         position:relative;
                }
.totop
{
  height:40px;
  text-align:right;
 
}
.p
{
  margin:25px 0px 25px 0px;
}

                    .title2
                    {
                       color:#767676;
                       font-weight:bolder;
                    
                    }
                    .title3
                    {
                       color:#c61a25;
                      font-weight:900;
                    }
                    .intro p
                    {
                       margin-bottom:40px;
                    }
                        .name
                {
                  color:#c61a25;
            text-align:right;
            font-weight:bold;
            margin:10px 10px 20px 0px;
     
                }
                     .dec
                {
                   margin:30px 0px 20px 5px;
                }
                .first
                {
                 margin-top:20px;
               
                }
.contactbtn
{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 50px;
}
.center
{
margin:0 auto;width:152px;
}

  .contactform
                   {
                      width:100%;
                      padding:20px 10px 0px 20px;
                   }
                   .form
                   {
                      float:left; 
                      margin-right:20px;
                   }
                       .form ul li
                       {
                         margin-top:25px;
                       }
                       .form ul li input[type="file"]
                       {
                          margin-top:30px;
                       }
                       .form ul li select,input,textarea
                       {
                         width:100%;
                       }
                        .form ul li h4[class="title1"]
                       {
                          margin-top:30px;
                          font-size:0.8em;
                       }
                   #leftform
                   {
                      
                     width:23%;
                   }

                   #centerform
                   {
                 
                   width:23%;
                   }
                   #rightform
                   {
                    width:46%;
                    margin-right:0px;
                   
                   }
                       #rightform textarea
                       {
                         height:230px;
                       }
                   #contactfoot
                   {
                     padding:20px 30px 70px 41px;
                      font-weight:600;
                         font-size:0.9em;
                         line-height:1.4em;
                        
                   }
                       #leftfoot
                       {
                         width:25%;
                       }
                   #centerfoot
                   {
                         width:32%;
                      
                        
                   }
                   
                   #rightfoot
                   {
                    width:35%;
                   }
                   #contactfoot .form h4
                   {
                     margin-bottom:26px;
                   }
                   #contactfoot .form
                   {
                      color:#676767;
                   }
                      .footbtn
                {
                  width:100%;
                }
                .footbtn
                {
                  display:inline-block;
                }
                .comeback
                {
                   float:left;
                }
                .gotop
                {
                   float:right;
                }