@charset "utf-8";
body{width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體"; font-size:14px; line-height:20px;}
html{width:100%; height:100%;}

.warpper{width:100%; height:100%; margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
a{text-decoration:none;}
img{border:0;}

/***  頭部  ***/
.header-extend{background: url(../img/top_bg02.png) repeat-x bottom #f6402d;}
header{position:relative; height:120px; height:165px;}


.logo-box{position:static; width:185px; margin:0 auto; padding:15px 0 5px 0;}


/** home **/
.language{ top:65px; right:17px;}

.pc-top-tool{position:absolute; right:60px; top:30px;}
.pc-top-tool-img{position:absolute; right:16px; top:29px;}



.in-left-menu{margin:20px 0 0 10px; }

/***  選單與下拉  ***/
nav{ float:none; width:600px; margin:0 auto;}

.menu{ position:static; margin:0 auto; padding:0; }
.menu>li{ color:#000; float:left; text-align:center; padding:0 15px;}

.menu>li>a{ font:16px/50px 微軟正黑體; height:50px;}
.menu>li>a:hover{color:#fff;text-shadow: 1px 1px 1px #555; text-decoration:none;background: url(../img/menu_h.png) center bottom no-repeat;
}
.hide{ display:none;}

/** 選單 **/

 .menu>li.menu01{ background:none;}
 .menu>li.menu02{ background:none;}
 .menu>li.menu03{ background:none;}
 .menu>li.menu04{ background:none;}
 .menu>li.menu05{ background:none;}
 .menu>li.menu06{ background:none;}
 

/******  明細內頁 *******/
.inside-photo{max-width:1000px; margin:0 auto; margin-bottom:10px; padding-bottom:35px; border-bottom:1px #ab9c9c dotted;}
.inside-photo img{width:100%; height:auto;}


 h2.tour-title{font-size:36px; color:#595757; margin:0 0 20px 0; padding:0; font-weight:normal;}
 .inside-main .content{ font-size:16px; color:#221815; line-height:1.5em;}
 .inside-main .content-photo{float:right; margin:0 0 20px 20px;}
 
 
.detaile-pagination{margin-bottom:10px; clear:both;}
.detaile-pagination ul{max-width:1000px; margin:0 auto; padding:0; list-style:none;} 
.detaile-pagination ul li{background:url(../img/detail-kid.png) no-repeat left top; background-size:cover; background-position:center; width:33.3333%; font-size:24px; color:#313131; text-align:center; line-height:35px; float:left; padding-top:55px; height:45px; cursor:pointer;}
.detaile-pagination ul li:hover{background:url(../img/detail-kid-h.png) no-repeat left top; background-size:cover; background-position:center;}
 
#myBox{ position:relative;}
#myBox>.box{width:100%; display:none;}
.goukabox{display:none;  font-size:16px; color:#221815; line-height:1.5em;}

.detail-photos-show{width:100%; margin:10px 0;}
.detail-photos-show img{width:100%; height:auto;}
.detail-photos-show .photo-box100{float:left; width:100%; margin-bottom:10px;}
.detail-photos-show .photo-box33{float:left; width:32%; margin-right:1%; margin-bottom:10px;}
.detail-photos-show .photo-box34{float:left; width:34%; margin-bottom:10px;}
.detail-photos-show .photo-box67{float:left; width:67%; margin-bottom:10px;}




/*** 首頁區塊 ***/
.i-block{ height:370px; width:98%; margin:0 auto;}
.i-block ul li img{ margin:-130px 0 0 0; width:85%;}
.i-block ul li a:link img { opacity: .8; /* 透明度80% FireFox 的寫法 */ filter: Alpha(Opacity=80); /* 透明度60% IE 的寫法 */ } 
.i-block ul li a:visited img { opacity: .8; filter: Alpha(Opacity=80); } 

.i-block ul li a:hover img { opacity: 1; /* 透明度100% FireFox 的寫法 */ filter: Alpha(Opacity=100); /* 透明度100% IE 的寫法 */ } 


.i-block ul li h2{ text-align:center;font:20px/1.5em 微軟正黑體; color:#e62019; margin:0; padding:10px 0 0 0;}
.i-block ul li h2 a{font:20px/1.5em 微軟正黑體;color:#e62019; text-decoration: none;}
.i-block ul li h2 a:hover{color:#860500; text-decoration: none;}
.i-block ul li h3{text-align:center;font:16px/1.5em 微軟正黑體; color:#adacac;margin:0; padding:0;}
.i-block ul li h3 a{font:16px/1.5em 微軟正黑體;color:#adacac; text-decoration: none;}
.i-block ul li h3 a:hover{color:#888888; text-decoration: none;}


/***  活動派對  ***/
.party-word{ margin-top:15px;}


/** 首頁最新消息 **/
.news{ width:98%; margin:0 auto;}



/** 登入頁面 **/
.login { width:60%;  margin:0 auto 80px auto; position:relative;}
.login ul { list-style:none; margin:0; padding:0 0 20px 0;}
.login ul li { padding:3px 0; height:25px}
.login ul li img { vertical-align:middle;}
.login .options-th { float:left; width:20%; font:15px/25px "微軟正黑體"; color: #333; padding-right:10px; text-align:right;}
.login .options-td { float:left; width:70%; font-size:15px; color:#333; line-height:25px;}
input.login-input-style01 { background: #f3d5b2 ;  font-size:15px; color:#333;  padding:3px 5px; line-height:16px; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:80%;}
input.login-input-style02 { background: #f3d5b2 ;  font-size:15px; color:#333;  padding:3px 5px; line-height:16px; border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:50%;}

input.login-btn-style01 { background:#7e5637 ; font:15px/46px "微軟正黑體";  color:#fff; padding:5px;border:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:17%; position:absolute; top:4px; right:0px; text-align:center;}



/***  相片  ***/
.photo{ width:99%; margin:0 5px; min-height:100px;}
.photo ul li{ float:left; width:45%; margin:0 ; padding:1%; margin:10px 1%; text-align:center;}
.movie{ width:99%; margin:0 5px; min-height:100px;}
.movie ul li{ float:left; width:45%; margin:0 ; padding:1%; margin:10px 1%; text-align:center;}

/***  相片明細  ***/
.photo-details{ width:99%; margin:0 5px; min-height:100px;}
.photo-details ul li{ float:left; width:48%; margin:0 ;}

/***  相片明細  ***/
.photo-details{ width:99%; margin:0 auto; }
.photo-details ul li{ float:left; width:48%; margin:0 ;}
.photo-details ul li img{ width:96%;}



/***  影片片明細  ***/
.movie-details{ width:100%; margin:0 auto; min-height:100px;}

.movie-details ul{ list-style:none; margin:0; padding:0;text-align:center;}
.movie-details ul li{ float:left; width:90%; margin:0 ; padding:1% 5%; text-align:center;}

.movie-details ul li iframe{ width:100%; height:400px;}
.gallery h1{font:22px "微軟正黑體"; color:#ffffff; text-align:center; margin:30px auto; width:20%; padding:12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; text-shadow: 1px 1px 1px #9d7200;background: rgb(252,234,187); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 34%, rgba(248,181,0,1) 65%, rgba(251,223,147,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(34%,rgba(252,205,77,1)), color-stop(65%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 34%,rgba(248,181,0,1) 65%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 34%,rgba(248,181,0,1) 65%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 34%,rgba(248,181,0,1) 65%,rgba(251,223,147,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 34%,rgba(248,181,0,1) 65%,rgba(251,223,147,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */}
/** 登入頁面 **/
.login { width:98%;  margin:10px 1% 50px 1%; position:relative;}


.login .content{ width:96%; margin:0 auto; }
.login .content iframe{ width:98%; height:350px;}


/***  版面欄位  ***/
.main{padding:0;}
.col-p-100{width:100%;}
.col-p-015{width:13%; margin-right:2%; float:left;}
.col-p-020{width:18%; margin-right:2%; float:left;}
.col-p-025{width:23%; margin-right:2%; float:left;}
.col-p-030{width:28%; margin-right:2%; float:left;}
.col-p-040{width:38%; margin-right:2%; float:left;}
.col-p-045{width:43%; margin-right:2%; float:left;}
.col-p-050{width:48%; margin-right:2%; float:left;}
.col-p-055{width:53%; margin-right:2%; float:left;}
.col-p-060{width:58%; margin-right:2%; float:left;}
.col-p-065{width:63%; margin-right:2%; float:left;}
.col-p-070{width:68%; margin-right:2%; float:left;}
.col-p-075{width:73%; margin-right:2%; float:left;}
.col-p-080{width:78%; margin-right:2%; float:left;}
.col-p-085{width:83%; margin-right:2%; float:left;}

.cor-p-015{width:15%; float:left;}
.cor-p-020{width:20%; float:left;}
.cor-p-025{width:25%; float:left;}
.cor-p-030{width:30%; float:left;}
.cor-p-035{width:35%; float:left;}
.cor-p-040{width:40%; float:left;}
.cor-p-045{width:45%; float:left;}
.cor-p-050{width:50%; float:left;}
.cor-p-055{width:55%; float:left;}
.cor-p-060{width:60%; float:left;}
.cor-p-065{width:55%; float:left;}
.cor-p-070{width:70%; float:left;}
.cor-p-075{width:75%; float:left;}




/***  選單與下拉  ***/
nav{}


/***  輸入欄位  ***/
.input-style01{border:1px #CBCBCB solid; padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:93%;}

.input-botton01{border:1px #CBCBCB solid; padding:5px 3%; line-height:20px; font-size:16px; font-family:Arial; color:#4E4E4E;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}


.input-botton-blue{}


footer{text-align:center;}