@charset "big5";

/*.百信度明日葉 導覽框globalNav背景底色在第25行設定#006030*/
/*.全站主要背景底色headline在第33行設定#FCFCFC*/
/*.底部footer背景底色在第92行設定深綠色#336633*/
/*.主文blurb內框寬度在第118行設定padding: 5px 3%*/
/* ---------------------------------------------*/

body {margin: 0;padding: 0;list-style: none;}
img, embed, object, video {max-width: 100%;height: auto;}/*高度設為auto,讓圖片可以等比例縮放*/

/* 全站連結底線設定
---------------------------------------------*/
a {text-decoration:none;color: #0066CC;}/*-連結無底線-*/
a:hover{text-decoration:underline;}/*-當滑鼠移到連結時-有底線-*/

/* 網站標題主圖片img
---------------------------------------------*/
#header {background-color: #336633;padding: 0px;text-align: center;}

/* 上方導覽列
---------------------------------------------*/
#globalNav {overflow: auto !important;overflow /**/: hidden;
	font-size: 18px;width: 100%;padding: 8px 0px 10px 0px;
	background-color: #006030;color: #009933;list-style: none;
	border-top: 2px solid #CCCCCC;border-bottom: 5px solid #CCCCCC;}
#globalNav li {float: left;	width: 6.5em;}/*-width設定各別連結寬度-*/
#globalNav li a {display: block;width: 100%;color: #FFFFFF;line-height: 160%;text-align: center;text-decoration: none;}/*-連結無底線-*/
#globalNav li a:hover {background-color: #0066CC;text-decoration:underline;}/*-當滑鼠移到連結時-有底線-*/

/*---百信度headline標題設定值
---------------------------------------------*/
      #headline {background-color: #FCFCFC;padding: 0.1em;color: #333333;font-family: Roboto, helvetica, arial, "微軟正黑體","新細明體", sans-serif;}
      #headline h1 {font-size: 22px;color: #003300;line-height: 180%;font-weight: 700;font-weight: 700;padding: 3px 3px 3px 45px;margin-bottom: 0;background:#FFFFFF url(images/icon/great02.jpg) left center no-repeat;text-shadow:0 2px 3px rgba(0, 0, 0, 0.3);}/*---RGBA字型陰影半透明效果*/
      #headline h2 {font-size: 18px;color: #333300;line-height: 180%;font-weight: 200;margin-top: 5px;}
      #headline h3 {font-size: 22px;color: #003300;line-height: 180%;font-weight: 700;font-weight: 700;padding: 3px 3px 3px 45px;margin-bottom: 0;background:#FFFFFF url(images/icon/icon09-01.jpg) no-repeat left center;border-bottom: 1px solid #CCCCCC;padding: 3px 3px 3px 20px;margin-top: 5px;}
      #headline p {font-size: 18px;color: #333333;line-height: 180%;font-weight: 700;}
	  #headline #blurb {background-color: #FFFFFF;padding: 0 15px 0 10px;} /*-padding設定左右內距,放寬內部間隔-*/

/*---headline表單文字內容---*/
      #headline #register {padding: 1em;background-color: #FFFFFF;}
      #headline #register label {display: block;}
      #headline #register select {font-size: 18px;}
      #headline #register input {font-size: 18px;padding: 1px;box-sizing: border-box;}
      #headline #register input[type=submit] {font-size: 20px;margin-top: 5px;padding: 10px;border: none;box-sizing: border-box;}

/*---headline訂購區div標籤#order-register---*/
      #headline #order-register{width: 100%;background-color: #339966;border: 1px solid #CCCCCC;}
      #headline #order-register label {display: block;}
      #headline #order-register select {font-size: 18px;}
      #headline #order-register input {font-size: 18px;padding: 1px;box-sizing: border-box;}
      #headline #order-register input[type=submit] {font-size: 22px;margin-top: 0px;padding: 2px;border-bottom: 3px solid #666633;cursor: pointer;box-sizing: border-box;}
	
/*---headline訂購區方框div標籤#top-order1---*/
    #headline #top-order1{width: 100%;background-color: #FFFFFF;border: 1px solid #CCCC33;
    font-weight: 200;line-height: 180%;padding: 5;}           /*-border邊框設定同底色,可放大內部間隔-*/
	
/*---headline訂購區方框div標籤#top-order2---*/
    #headline #top-order2{width: 100%;background-color: #F0FFF0;border: 1px solid #CCCC33;
    font-weight: 200;line-height: 180%;}                     /*-border邊框設定同底色,可放大內部間隔-*/


/*---section欄位---section4為footer下方連結---*/
      #section1, #section2, #section3, #section4 {box-sizing: border-box;padding: 10px;}
      #section1 h2, #section2 h2, #section3 h2  {margin-top: 0;font-size: 24px;}
        
/*---section1欄位---*/
      #section1 {font-size: 18px;line-height: 180%;background-color: #FDF5E6;font-family: Roboto, helvetica, arial, "微軟正黑體","新細明體", sans-serif;font-weight: 700;}
      #section1 h2 {font-weight: 700;text-align: center;margin-bottom: 0px;margin-top: 20px;}
      #section1 h2 + p {}
      #section1 h3 {font-size: 25px;color: #003300;line-height: 180%;font-weight: 700;font-weight: 700;padding: 3px 3px 3px 45px;margin-bottom: 0;background:#FFFFFF url(images/icon/s_mood_01.gif) left center no-repeat;text-shadow:0 2px 3px rgba(0, 0, 0, 0.3);}/*---RGBA字型陰影半透明效果*/
      #section1 video {width: 100%;}
      
/*---section2欄位---*/
      #section2 {font-size: 18px;line-height: 180%;background-color: #e9e9e9;font-family: Roboto, helvetica, arial, "微軟正黑體","新細明體", sans-serif;font-weight: 700;}
      #section2 h2 {font-weight: 700;text-align: center;margin-bottom: 0px;margin-top: 20px;}
      #section2 h2 + p {text-align: center;}
      #section2 div {text-align: center;}
      #section2 div img {width: 100% }
      
/*---section3欄位---*/
      #section3 {font-size: 18px;line-height: 180%;background-color: #f5f5f5;font-family: Roboto, helvetica, arial, "微軟正黑體","新細明體", sans-serif;font-weight: 700;text-align: center;margin: auto;}
      #section3 h2 {font-weight: 700;text-align: center;margin-bottom: 0px;margin-top: 20px;}
      #section3 h2 + p {text-align: center;}
      #section3 figure {text-align: center;}
      #section3 figure figcaption {text-align: center;font-weight: 700;}
      table {margin-top: 26px;width: 100%;}
      thead {font-weight: 700;}
      tbody {text-align: center;}/*---section3-表格---*/
	  
/*footer頁腳章節設定值---*/        
        footer {font-size: 18px;font-weight: 300;font-family: Roboto, helvetica, arial, "微軟正黑體","新細明體", sans-serif;
        background-color:#336633;text-align: center;
        color: white;padding-bottom: 3px;padding-top: 5px;
	}

/*---section4欄位-----section4為footer下方連結顯示區---*/
      #section4 {color: #FFFFFF;background-color: #000000;font-family: Roboto, helvetica, arial, "微軟正黑體","新細明體", sans-serif;
	    font-size: 18px;font-weight: 700;text-align: center;margin: auto;line-height: 180%;}
      #section4 h2 {font-weight: 700;text-align: center;margin-bottom: 0px;margin-top: 20px;}
      #section4 h2 + p {text-align: center;}
      #section4 figure {text-align: center;}
      #section4 figure figcaption {text-align: center;font-weight: 700;}
      table {
	margin-top: 26px;
	width: 100%;
	line-height: 180%;
}
      thead {font-weight: 700;}
      tbody {text-align: center;}/*---section4-表格---*/

/*---RWD自適性media設定---*/
@media screen and (max-width: 600px) {
        table thead {display: none;}

        table td {display: block;position: relative;padding-left: 1px;padding-top: 1px;padding-bottom: 1px;
          text-align: left;background: #FFFFFF;}

        table td:before {
          content: attr(data-th) "";
          display: inline-block;
          color: #333333;background: #FFFFFF;
          border-right: 1px solid transparent;position: absolute;
          top: 0;left: 0;bottom: 0;width: 0;max-height: 100%;
          font-size: 16px;font-weight: 700;padding-left: 0;padding-top: 1px;}
      }
      
@media screen and (min-width: 600px) {
.container {margin: auto;max-width: 950px;}
#headline {padding: 5px 5%;}
#headline #blurb {float: left; font-weight: 200;width: 100%;font-size: 18px;box-sizing: border-box;padding-right: 5px;}

          #headline #register {padding: 0px;width: 100%;box-sizing: border-box;}
          #headline br {clear: both;}
		  
          #headline #top-order1 {float:left;padding: 10px;width: 100%;box-sizing: border-box;}
          #headline #top-order2 {float:left;padding: 10px;width: 100%;box-sizing: border-box;}
		  
/*section1,2,3,4設定---*/
          #section1 #section2, #section3{box-sizing: border-box;padding: 10px 20% 80px 20%;}
          #section1 h2, #section2 h2, #section3 h2, #section4 h2  {margin-top: 0;font-size: 35px; }
          #section1 ul {box-sizing: border-box;float: left;width: 50%; padding-right: 1em;}

/*修改section1浮動區塊(影片)---*/
          #section1 video {box-sizing: border-box;width: 50%;float: right;}
          #section1 br {clear: both;}

/*修改section2-img區塊(圖片)---*/
          #section2 div img {width: 30%;margin: 1%;box-sizing: border-box;border-radius: 50% 50%;box-shadow: black 0px 0px 5px;}
          
 }


/* 顏色文字
---------------------------------------------*/
.w1 {
font-size: 18px;
color: #FF0000;
}

.w2 {
	font-size: 18px;
	color: #000000;
}
.w3 {
	font-size: 18px;
	color: #0000FF;
	font-weight: 700;
}
.w4 {
	font-size: 18px;
	color: #663300;
}
.w5 {
	font-size: 18px;
	color: #993300;
}
.w6 {
	font-size: 18px;
	color: #000000;
	font-weight: 700;
	line-height: 180%;
}
.w6d {
	font-size: 18px;
	color: #000000;
	font-weight: 700;
	text-decoration: line-through;
	line-height: 180%;
}
.w9 {
	font-size: 18px;
	color: #CC6600;
}
.w12d {
	font-size: 18px;
	line-height: 180%;
	font-style: normal;
	text-decoration: line-through;
	color: #333333;
}
.wgreen {
	font-size: 18px;
	color: #006600;
	font-weight: 700;
}
.green16b {
	font-size: 18px;
	line-height: 180%;
	color: #006600;
}
.red16 {
	font-size: 18px;
	color: #FF0000;
}
.red16b {
	font-size: 18px;
	color: #FF0000;
	font-weight: 700;
}
.wb01 {
	font-size: 21px;
	color: #003300;
	font-weight: 700;
}
.wb02 {
	font-size: 21px;
	color: #FF0000;
}
.wb03 {
	font-size: 21px;
	color: #003300;
	font-weight: 600;
	text-shadow:0 2px 3px rgba(0, 0, 0, 0.3);/*---RGBA字型陰影半透明效果*/
}
.wbank {
	font-size: 18px;
	color: #000000;
}
.wr12 {
	font-size: 18px;
	color: #F0FFF0;
}
.wr15{
	font-size: 18px;
	color: #F0FFF0;
}
.wr18{
	font-size: 18px;
	color: #F0FFF0;
}
.wr18b{
	font-size: 18px;
	font-weight: 700;
	color: #F0FFF0;
}
.wdate {
	font-size: 18px;
	color: #808080;
	font-weight: 700;
}

/* 訂購表格方框+category字型顏色大小設定
---------------------------------------------*/
.inputorder {
	line-height: 350%;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #0099FF;
	cursor: pointer;
	border-bottom: 6px solid #666633;
}
.inputorder:hover{
	font-weight: 900;
	color: #FFFFFF;
	background-color: #009900;
	border-bottom: 6px solid #330000;
}
.category{
	font-size: 18px;
	line-height: 180%;
	color: #333300;
	background-color: #FFFFFF;
	border: 1px solid #009900;
}
.categoryline {
	background-color: #CCFFCC;
	border: 1px solid #CCCCCC;
	padding: 7px;
	color: #0000FF;
	font-weight: 700;
	line-height: 230%;
}

/* 顏色框
---------------------------------------------*/
.aroundline1 {border: 1px solid #CC3300;margin: 2px;}
.aroundline2 {border: 1px solid #003300;margin: 2px;}
.aroundline3 {height: 25px;padding: 2px;width: 125px;
	border-top: 2px solid #666666;border-right: 1px solid #666666;
	border-left: 1px solid #666666;border-bottom-width: 0px;}
.aroundline4 {height: 25px;padding: 2px;width: 125px;
	border-top: 1px solid #666666;border-right: 1px solid #666666;
	border-left: 1px solid #666666;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-color: #E0FFFF;
}	


/* [CSS3]box-shadow 區塊陰影:灰色#CCCCCC,orange顏色-#FFCC99,green顏色-#C1FFC1,blue顏色-#D1EEEE
box-shadow:<水平距離> <垂直距離> <模糊程度> <陰影顏色> <inset:內陰影>;
---------------------------------------------*/
.box-shadow-blue{
	-webkit-box-shadow: 5px 5px 10px #D1EEEE;
	-moz-box-shadow: 5px 5px 10px #D1EEEE;
	box-shadow: 5px 5px 10px #D1EEEE;
}	
.box-shadow-green{
	-webkit-box-shadow: 5px 5px 10px #C1FFC1;
	-moz-box-shadow: 5px 5px 10px #C1FFC1;
	box-shadow: 5px 5px 10px #C1FFC1;
}	
.box-shadow-orange{
	-webkit-box-shadow: 5px 5px 10px #FFCC99;
	-moz-box-shadow: 5px 5px 10px #FFCC99;
	box-shadow: 5px 5px 10px #FFCC99;
}	

/* iframe頁框HTML寫法
<div id="my-div"><iframe src="網址" id="my-iframe" scrolling="no"></iframe></div>
---------------------------------------------*/
#tourist-div{width:800px;height:800px;overflow:hidden;position:relative;}
#tourist-iframe{width: 800px;height:800px;position:absolute;
top:-68px;/* 調整上方出現部分網頁 */ left:-68px;/* 調整左邊出現部分網頁 */}


/* 加入安全驗證碼功能---*/
#code { 
  cursor: pointer;
  font-family:Arial; 
  font-style:italic; 
  font-weight:bold; 
  border: 1px solid #CC3300;
  letter-spacing:2px; 
  color:blue;
  background-color: red;
  padding:10px;
  width:120px;
  height:25px;
  text-align:center
} 

#recode{
  cursor: pointer;
  font-size:18px;
  font-weight: 900;
}

div{
  margin:0px auto;
}

/* Honne-eyy-ppo-ott防-機-器-人-隱-藏-欄-位---*/
.hp { position: absolute; left: -9999px; }