/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
body{ position: relative;	-webkit-text-size-adjust: none; background:#FFF;margin:0; padding:0;font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,"Microsoft Sans Serif",Helvetica,Geneva,sans-serif,"微軟正黑體","黑體-繁","黑體";}
ul,li,ol{ padding:0; margin:0;list-style: none;}
a,a:link,a:visited,a:hover,a:active {text-decoration: none; color:#000;}
img{ border:none;}			
	

/* #Site Styles
================================================== */
   .header{ height:45px; width:100%; position:relative; background:#01b3cd;}
   .logo{ position:relative;width:209px; height:40px; margin: 0 auto;}
   .container  { position: relative; width: 1000px; margin: 0 auto; padding: 50px 0 50px 0; }
   .con_leftbox{ width:655px; height:auto; float:left; position:relative;}
   .left_title{ width:655px; height:auto; font-size:25px; color:#000;}
   .left_datt{ width:655px; height:auto; font-size:14px; color:#7f7f7f; margin:10px 0 0 0;}
   .left_content{ width:655px; height:auto; font-size:16px; color:#000;margin:30px 0 35px 0; line-height:30px;}
   .left_itembox{ width:655px; height:auto; margin:20px 0 0 0;}
   .left_item_title { width:auto; height:auto; color:#000; font-size:16px;}   
   .left_item_line { width:100%; height:3px; background:#acacac; margin:10px 0 10px 0;}   
   .left_item_mov{ width:310px; height:200px; float:left; margin:0 15px 10px 0; overflow:hidden;}
   .left_item_view{ width:655px; height:350px;overflow:hidden; background:#333; }   
   .left_item_map{ width:655px; height:200px;overflow:hidden; background:#333; }   
   .left_fbgood{ width:655px; height:auto; margin:20px 0 0 0;}
   .left_servicebox{ width:655px; height:auto; margin:20px 0 0 0; padding:10px 0;border-bottom:#CCC thin solid;border-top:#CCC thin solid; }
   .left_ser_butbox a{width:120px; height:20px;  margin:0; padding:10px 0; text-align:center; background:#e69a68; color:#FFF;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;display:block; float:left; }
   .left_ser_butbox a:hover{width:120px; height:20px;  background:#cd8a5d; color:#FFF;display:block;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} 
      .left_ser_butbox2 a{width:120px; height:20px;  margin:0 0 0 15px; padding:10px 0; text-align:center; background:#85b770; color:#FFF;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;display:block; float:left; }
   .left_ser_butbox2 a:hover{width:120px; height:20px;  background:#739f61; color:#FFF;display:block;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} 
   .left_iconbox{ float:right; width:37px; height:37px; margin:0 0 0 10px;}

   .left_otherbox{ width:655px; height:auto; margin:20px 0 0 0;}
   .left_ot_title{ width:auto; height:auto; color:#000; font-size:16px; margin:0 0 20px 0;}
   .left_ot_textbox{ width:655px; height:auto; margin:0 0 10px 0;}
   .left_ot_dot{ float:left;width:5px; height:5px; margin:5px 10px 0 0; background:#999;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
   .left_ot_word{ float:left; width: 630px; height:auto; color:#2c50a1; }
   .left_ot_word a{ float:left; width:auto; height:auto; color:#2c50a1; font-size:16px; margin:0 10px 5px 0;}
   .left_ot_word a:hover{ color:#F90;}

   
   .con_rightbox{ width:325px; height:auto; float:left; position:relative; margin:0 0 0 20px;}
   .rig_ad{ width:315px; height:260px; position:relative; overflow:hidden;border:#CCC thin solid; margin:0 0 10px 0;}
   .rig_lookbox{ width:315px; height: auto; position:relative;  border:#CCC thin solid;margin:0 0 10px 0; padding:15px 0 ;}

   .rig_lo_title{ width:auto; height:auto; color:#000; font-size:14px; margin:0 0 15px 15px;}
   .rig_lo_textbox{ width:300px; height:auto; margin:0 0 8px 15px;}
   .rig_lo_dot{ float:left;width:5px; height:5px; margin:5px 10px 0 0; background:#999;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
   .rig_lo_word{ float:left; width: 280px; height:auto; color:#2c50a1; }
   .rig_lo_word a{ float:left; width:auto; height:auto; color:#2c50a1; font-size:14px; margin:0 10px 5px 0;}
   .rig_lo_word a:hover{ color:#F90;}



/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }