body { font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px;}

/*---------------------------------------*/
/*   最外圈範圍設定  */
/*---------------------------------------*/
#outBox {position:relative; background:#FFFFFF top left no-repeat scroll; margin-right:auto; margin-left:auto;width: 1000px; border : 1px solid #FFFFFF; border-top: 0px;}


/*---------------------------------------*/
/*   上方導覽列及搜尋  */
/*---------------------------------------*/
.box_top_left { position:absolute; top:0px; left:0px;}
.box_top_right {position:absolute; top:0px; right:0px; text-align:right;}

/*---------------------------------------*/
/*   導覽選單  */
/*---------------------------------------*/
.headmenu_box { color:#DBF5FF; text-align:right; padding-right:15px; padding-top:3px; background:url(../../images/style1/top_menu_bk.gif) scroll repeat-x;}
.headmenu_box  a {color:#DBF5FF;}
.headmenu_box  a:link { color: #DBF5FF;}
.headmenu_box  a:hover {color: #ffffff; }

/*---------------------------------------*/
/*   index主欄 */
/*---------------------------------------*/
.left { float:left; position: relative;  width:692px;}

.right { float:right; position: relative;  width:301px;}

/*---------------------------------------*/
/*  index左 */
/*---------------------------------------*/
.about_bk{ background:url(../../images/vr/index0.gif) no-repeat top left; text-align:right;}
.about_vr{ padding: 5px 24px 0px 35px ; line-height:20px;}

.news_head{ background:url(../../images/vr/index_news_hand.gif) no-repeat top left; text-align:right;}
.news {margin:4px 24px 8px 35px ; background:url(../../images/line.gif) scroll repeat-x left bottom;font-size:9px; color:#6EB2CE;}
.news a {font-size:12px;color:#666666;}
.news a:link { color: #666666;}
.news a:hover {color: #1D8AB6; }


/*---------------------------------------*/
/* index右 */
/*---------------------------------------*/

.login_title{ background:url(../../images/vr/index_r1_hand.gif) no-repeat top left; text-align:right;}
.login_bk{ background:url(../../images/vr/index_r1_bk.gif) repeat-y scroll top left; color:#FFFFFF; padding: 0px 15px 0px 15px; }

.event_bk { background:url(../../images/vr/index_r2_bk.gif) repeat-y scroll top left;padding: 0px 15px 0px 15px;}
.event_bk div{ background:url(../../images/line.gif) scroll repeat-x left bottom; padding-bottom: 8px; padding-top:8px; line-height:20px; }
.event_bk img{ width:100px; height:70px; margin-right:5px; }
.event_end { background:url(../../images/vr/index_r2_end.gif) no-repeat top left; text-align:right;}

/*---------------------------------------*/
/* index下方 */
/*---------------------------------------*/
.base_bk {clear: both;background:url(../../images/vr/bottom_bk.jpg) no-repeat top left; color:#FFFFFF; font-size:10px; padding:10px 20px 20px 30px; color:#FFFFFF;}

.base_bk a {color:#FFFFFF;text-decoration:underline;}
.base_bk a:link { color: #FFFFFF;}
.base_bk a:hover {color: #ffffff;}


/*---------------------------------------*/
/*   內頁主欄 */
/*---------------------------------------*/
.in_left { float:left; position: relative;  width:796px;}
.in_right { float:right; position: relative;  width:182px;}

/*---------------------------------------*/
/*   內頁登入區 */
/*---------------------------------------*/

.in_login_bk { background:url(../../images/vr/in_bk1.gif) no-repeat top left; padding:0px 10px 0px 9px;}
.in_login_bk div { background:url(../../images/vr/in_bk2.gif) no-repeat bottom left; padding-bottom:15px;}

/*---------------------------------------*/
/*   內頁內文區 */
/*---------------------------------------*/
.in_w { padding: 5px 0px 0px 20px ; line-height:20px;}
.in_t { background:url(../../images/vr/in_bk3.gif) no-repeat bottom left; padding:0px 0px 20px 16px; margin-bottom:4px;}
.in_t span {background:url(../../images/hotel_ico.gif) no-repeat top left; padding:2px 4px 0px 14px; margin-right:2px;}

/*---------------------------------------*/
/* 內頁NEWS */
/*---------------------------------------*/
.catalog_news {background: url(../../images/news_ico1.gif) no-repeat left top; padding:5px 0px 0px 34px;}
.catalog_news div {background: url(../../images/news_bk1.gif) scroll repeat-x bottom left; padding-bottom:10px; margin-bottom:5px; color:#C05EB5;}

.news_title {background: url(../../images/news_title2_bk2.gif) no-repeat bottom left; padding-bottom :10px;}
.news_title div {background: url(../../images/news_title2_bk1.gif) no-repeat top left; padding :18px 0px 8px 34px;color: #1D8AB6; font-size:15px;}


/*---------------------------------------*/
/*   交流討論區 */
/*---------------------------------------*/
/*大背景---*/
.blog_bk { background:url(../../images/vr/vr_blog_bk.gif) no-repeat top left; }
.blog_note { padding:5px 12px 5px 12px;}/*小叮嚀---*/
.blog_arrow {background:url(../../images/blog_arrow.gif) no-repeat top left; padding:5px 10px 5px 20px; }
.blog_arrow  a {color:#000000; font-size:15px;}
.blog_arrow  a:link {color: #000000;}
.blog_arrow  a:hover {color: #1D8AB6;}

/*第二頁主題---*/
.blog1_bk { background:url(../../images/vr/vr_blog1_bk.gif) no-repeat top left; padding:10px 30px 15px 68px;color:#000000; font-size:15px; margin-bottom:12px;}
.blog_arrow2 {background:url(../../images/blog_arrow.gif) no-repeat top left; padding:2px 10px 5px 20px; }
.blog_arrow2 div{background:url(../../images/down_line.gif) repeat-x scroll left bottom; padding-bottom:8px;}

/*我要發表---*/
.blog_key { background:url(../../images/vr/vr_blog_key_bk.gif) repeat-y scroll top left;}


/*--月曆--*/
.tbe_cad {border-bottom:1px solid #cad2e1;}
.tbe_cad th { background: url(../../images/cad_weekbg1.gif) top left no-repeat; vertical-align:top; text-align:center;}
.tbe_cad th div { background: url(../../images/cad_weekbg2.gif) right top no-repeat;}
.tbe_cad td {  border-top:1px solid #dadfe7; border-left:1px solid #dadfe7; padding-bottom:10px; padding-left:1px; text-align:center; vertical-align:top;}
.tbe_cad td img {margin-left:2px; border:none; cursor:hand;}
.tbe_cad td .days {color:#214793; font-size:9px; margin-top:0px;text-align:left;}
.tbe_cad td .items { padding:3px 1px 3px 2px; line-height:16px; border-bottom:1px dotted #e4dfb1; margin-bottom:6px; text-align:left;}
.tbe_cad td .items .shu { font-weight:normal; color:#6d7d98; border-bottom:1px dotted #cddfe9;}
.tbe_cad td .items .shu_list {background: url(../../images/celebration_f1_ico.gif) no-repeat left top; padding-left:8px; font-size:11px;}
.tbe_cad td.cell0 { background-color:#ededed; width:14%; }
.tbe_cad td.cell1 { background:#ffffff url(../../images/cad_cellbg.gif) no-repeat top left;width:14%;  }
.tbe_cad td.cell2 { background: url(../../images/cad_cellbg2.gif) no-repeat top left #fbf7e8;width:14%; }
.tbe_cad td.cell3 { background: url(../../images/cad_cellbg2.gif) no-repeat top left #fbf7e8;border-right:1px solid #dadfe7;width:14%;  }
.tbe_cad td.cell4 { border-right:1px solid #dadfe7; background-color:#ededed;width:14%; }

.caption1 {font-size:15px; color:#000000; border:none; text-align:center;}
.caption2 {font-size:20px; font-weight:bold;}
.caption3 {font-size:27px; font-weight:bold; color:#898989}

.shu_icons {text-align:right; margin:1px 2px 0px 0px; clear:both; font-size:10px; color:#929292;}
.shu_icons img {cursor:hand; border:none; vertical-align:middle;}
.shu_icons b {  font-size:13px; color:#E98803;}

.div_cad {background: url(../../images/cad_weekbg1.gif) top left no-repeat; vertical-align:top; text-align:center; padding-top:5px;}
.div_cad .cell3 {border-bottom:1px dotted #cddfe9; border-right:1px dotted #cddfe9; padding:3px; height:58px;}
.div_cad .cell4 { text-align:left; clear:both; padding-left:8px;}
.div_cad .cell4 b {  font-size:13px; color:#E98803; margin:0px 2px 0px 2px;}
.div_cad .shu_list {float:left; width:25%; margin-right:2px; text-align:left; background: url(../../images/celebration_f1_ico.gif) no-repeat left top; padding-left:8px; }
.div_end { background: url(../../images/cad_weekbg1.gif) top left no-repeat; vertical-align:top; width:1px; float:left;}


.popframe {background-color: #ffffff; padding: 4px;}

/*jauery 日曆喔*/
a.dp-choose-date {   
  float: left;   
  width: 16px;   
  height: 16px;   
  padding: 0;   
  margin: 1px 2px 2px 2px;   
  display: block;   
  text-indent: -2000px;   
  overflow: hidden;   
  background: url(../../images/0/date_16x16.gif) no-repeat;   
}   
a.dp-choose-date.dp-disabled {   
  background-position: 0 -20px;   
  cursor: default;   
}   
input.dp-applied {   
  width: 76px; float: left; border:1px solid #dedede;
}