/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	letter-spacing:1px;
	/*background:#33527d;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*my css start*/
a:visited {
	color:#2400ff;
}
a:link{
	color:#2400ff;
}
h7{
	font-size:10px;
	line-height:15px;
}
#wrapAll{
	width:100%;
	max-width:1366px;
	margin:0 auto;
	font-family:"微軟正黑體",Arial, Helvetica;
	font-size:18px;
	line-height:26px;
	
	background-image: url(../images/bg_left.png), url(../images/bg_right.png);
	background-repeat: repeat-y;
	background-position:top left,top right;
	padding: 0 55px;	
}
#main{
	background-color:#FFF;
}

/* banner */
#banner{
	background-image:url(../images/logo_big.png) ,url(../images/bg_wall01.jpg);
	background-position:top right, top left; 
	background-color:#FFF;
	background-repeat:no-repeat, no-repeat;
	overflow:hidden;
}
#banner .inner{
	padding:23px 30px 23px 30px;
	overflow:hidden;
}
#banner .left, #banner .right, #banner .middle{
	float:left;
	font-weight:bold;
	font-size:1.05em;
	text-shadow: 1px 1px 1px #FFF;
}
#banner .left img, #banner .right img, #banner .middle img{

}
#banner .left{
	text-align:center;
	max-width:571px;
	width:50%;
	line-height:1.5em;
}
#banner .left div{

}
#banner .left > *{
	margin-bottom:0.5em;
}
#banner .right > *{
	margin-bottom:0.5em;
}
#banner .right div{
	padding-left:1em;
}
#banner .right img{
	margin-bottom:2em;
}
#banner .right{
	padding-top:100px;
	max-width:370px;
}
#banner .middle{
	max-width:250px;
	text-align:center;
}
/* roof */
.blackRoof{
	width:100%;
	margin:0 auto;
	height:5px;
	background:#000;
}
.redRoof{
	width:99%;
	margin:0 auto;
	height:5px;
	background:url(../images/slices_05.jpg) repeat-x;
}
/* tabs */
#tabs {
	background:url(../images/bg_wall02.jpg) no-repeat top center #FFF;
	width:100% !important;
	padding:0 27px;
	margin:0 auto;
}
.ui-tabs-anchor img, #tabs ul .fakeLi img /**/ {
max-height: 35px;
vertical-align: middle;
}
/* .p1 area < */

.pTit{
	margin-bottom:20px;
}
/* .p1Left < */
/*
.p1Left{
	width:73%;
	max-width:853px;
	float:left;
}*/
/* .p1Top */
.conanx{
	display:none;
	margin-bottom:10px;
}
.date, .p1Top, .p1Bottom{
	width:73%;
	max-width:853px;
	float:left;
}
.date{
	margin-bottom:10px;
}
.date li{
	
	display:inline-block;
	width:49%;
	max-width:416px;
	overflow:hidden;
}

.dateHead, .dateBody{
	padding:10px 0;
	letter-spacing:0.01em;
	font-weight:bold;
	display:block;
	height:54px;
	float:left;
	text-align:center;	
}
.dateHead{
	background:url(../images/bg_date_head.png) no-repeat;
	color:#FFF;
	font-size:1em;
	max-width:95px;
	width:22%;
}
.dateBody{
	background:url(../images/bg_date_body.png) no-repeat;
	max-width:321px;
	width:78%;
}
.pTitA{
	max-width:400px;
}
.pTitB{
	max-width:510px;
}
.pTitC{
	max-width:403px;
}
.pTitD{
	max-width:400px;
}
.pTitE{
	max-width:253px;
}
.pTitF{
	max-width:468px;
}
.pTitG{
	max-width:112px;
}
.pTitH{
	max-width:395px;
}
.pTitI{
	max-width:192px;
}
.pTitJ{
	max-width:169px;
}
.p3 .pTit{
text-align:center;
}
.p1Top{
	background:#e0b990;
	padding:18px;
	font-weight:bold;
	font-size:1em;
	position:relative;
	margin-bottom:18px;
}
.p1Top ul{
	list-style:disc;
	margin-left:1em;
}

.box1Bottom{
	position:absolute;
	bottom:0;
	left:0;
	height:7px;
	width:100%;
	background:url(../images/bg_papper_bottom.png) repeat-x #FFF;
}


/* .p1Bottom */
.p1Bottom{
	background:#ebebeb;
	padding:12px;
	overflow:hidden;
}
.p1Bottom ul li{
	width:49%;
	max-width:407px;
	height:203px;
	float:left;
	overflow:hidden;
	background:url(../images/bg_map_ic.png) no-repeat;
	margin-bottom:10px;
}
.p1Bottom ul li:first-child{
	margin-right:10px;
}
.p1Bottom ul li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	padding:18px;
	background:url(../images/icon_zoom.png) right bottom no-repeat;
	text-decoration:none;
	color:#122d5d;
}
.p1Bottom ul li a div{
	padding:1%;
	width:49%;
	float:left;
}
.p1Bottom ul li a div:first-child{
	max-width:137px;
}
.p1Bottom ul li a div img{
	width:100%;
}
.p1Bottom p{
	margin-bottom:10px;
	font-weight:bold;
	font-size:1em;
}


.price{
	color:#d61d22;
	text-decoration:underline;
}
/* .p1Left > */
/* .p1Right < */
.p1Right{
	width:25%;
	max-width:315px;
	float:right;
	padding-left:0.5%;	
	margin-top:-24px;
	
}
.p1Right{
	text-align:center;
}
.p1Right > img{
	clear:both;
	width:100%;
	max-width:244px;
}
.cube{
	overflow:hidden;
}
.cube img:first-child{
	float:left;
	margin-right:2%;
}
.cube img:last-child{
	float:left;
}
.cube img{
	width:49%;
}
/* .p1Right > */
/* .p1 area > */

/* .p2 area < */
.p2Top{
	background:url(../images/conan3.png) no-repeat bottom right;
	min-height:420px;
}
.p2Top ul li{
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}
.p2Top ul li div:first-child{
	float:left;
	width: 112px;
	height:40px;
	line-height:30px;
	text-align:center;
	background:url(../images/bg_step.png) no-repeat;
	color:#FFF;
	margin-right:20px;
	
}
.p2Top ul li div:last-child{
	float:left;
	max-width: 735px;
	line-height:30px;
}
.tagBig{
	background:url(../images/bg_ps.png) no-repeat;
	max-width:381px;
	height:54px;
	font-size:24px;
	line-height:50px;
	padding-left:20px;
	margin-top:20px;
	color:#ce1732;
	font-weight:bold;
	
}
.p2Bottom{
	overflow:hidden;
	clear:both;
}
.p2Bottom .pic{
	width:229px;
	height:256px;
	float:left;
	background:url(../images/bg_pic1.png) no-repeat;
	position:relative;
	padding:22px 15px 0 15px;
	
}
.pic span{
	display:block;
	position:absolute;
	bottom:20px;
}
.pic img{
	border:1px solid #bcbcbc;
}
.pic div{
	width:30px;
	height:30px;
	position:absolute;
	left:7px;
	top:7px;
	background:url(../images/bg_pic1_cor.png) no-repeat top left;
}
.line{
	height:8px;
	background:url(../images/bg_line.png) repeat-x;
	margin:50px 0;
}
.p2BLeft, .p2BRight{
	float:left;
}
.p2BRight{
	width: 58%;
}
.p2BLeft{
	margin-right:25px;
	margin-bottom:1em;
}
.p2BRight > ul{
	list-style-image:url(../images/slices_76.png);
	margin-left:35px;
}
.p2BRight > ul ul{
	list-style-image:url(../images/slices_81.png);
	margin-top:10px;
	margin-left:28px;
	
}
.p2BRight > ul ul li{
	color:#2400ff;
	text-decoration:underline;
}
.p3{
	max-width:1280px;
}
.p3Top{
	max-width:989px;
	background:#e4e4e4;
	overflow:hidden;
	margin:0 auto 30px auto;
	padding:10px;
	border-top:5px solid #f53494;
}
.p3 .pTit{
	max-width:989px;
	width:100%;
	margin:0 auto;	
}
.pTit img{
/*width:100%;*/
}

.p3Bottom{
	width:100%;
	background:#e4e4e4;
	overflow:hidden;
	margin:0 auto 30px auto;
	padding:10px 0 5px 0;
	border-top:5px solid #12d2c2;
}
.p3PicList{

	width:954px;
	margin:0 auto;
}
.p3PicList p, .p3PicListW p{
	margin:1em 0;
	font-weight:normal;
}
.p3PicList li, .p3PicList li a, .p3PicList li a div{
	width:294px;
	height:294px;
}
.p3PicList li{
	float:left;
	position:relative;
	overflow:hidden;
	margin:12px;
}
.p3PicList li a, .p3PicList li a:link{
	text-decoration:none;
	display:block;
	cursor:pointer;
}
.p3PicList li div{
	position:absolute;
	background:rgba(255,19,147,0.8);
	color:#FFF;
	padding:10px;
	top:85%;
	left:0;
}
.p3PicList li:hover div{
	transition:all .3s ease-out;
	top:0;
}
.p3PicList li img, .p3PicListW li img{
	width:100%;
	height:100%;
}
.p3PicListW{
	width:100%;
	margin-left:8px;
}
.p3PicListW li, .p3PicListW li a, .p3PicListW li a div{
	width:260px;
	height:260px;
}
.p3PicListW li{
	float:left;
	position:relative;
	overflow:hidden;
	margin:12px;
}
.p3PicListW li a, .p3PicListW li a:link{
	text-decoration:none;
	display:block;
}
.p3PicListW li div{
	position:absolute;
	background:rgba(255,19,147,0.8);
	color:#FFF;
	padding:10px;
	top:85%;
	left:0;
}
.p3PicListW li:hover div{
	transition:all .3s ease-out;
	top:0;
}

.p3Bottom .p3PicListW li div{
	background:rgba(18,210,194,0.8);
}
.wide{
	width:1280px !important;
}
#mapWrap{
	width:100%;
	background:#ffe7d0;
	padding:20px;
}
.markTit {
	max-width:571px;
	width:95%;
}

.map{
	max-width:1125px;
	margin:0 auto;
}
.mapList{
	display:none;
}
.mapList ul{
	width:100%;
	margin-bottom:20px;
}
.mapList ul li a{
	text-align:center;
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	margin-bottom:1px;
	padding:5px;
	text-decoration:none;
}
.mapList ul li:first-child a:hover{
	background:none !important;
	cursor:default !important;
}
.mapList.m1 ul li a:hover{
	background:#900;
}
.mapList.m1 ul li a:active{
	background: #FF6600;
}
.mapList.m2 ul li a:hover{
	background:#339;
}
.mapList.m2 ul li a:active{
	background: #3399FF;
}
.mapList.m1 ul li{
	background: #CC0000;
}
.mapList.m2 ul li{
	background:#3366CC;
}
.mapImgWrap{
	position:relative;
	width:100%;
	height:100%;
}
.mapImgWrap .fa a{
	position:relative;
}
.mapImgWrap .fa a div{
	visibility:hidden;
	position:absolute;
	top:-250%;
	left:-87%;
	width:324%;
	z-index:9999;
	opacity:0;
}
.mapImgWrap .fa a div img{
	width:100%;
	height:auto;
}

.mapImgWrap .fb a{
	position:relative;
}
.mapImgWrap .fb a div{
	visibility:hidden;
	position:absolute;
	top:-250%;
	left:-87%;
	width:324%;
	z-index:9999;
	opacity:0;
}
.mapImgWrap .fb a div img{
	width:100%;
	height:auto;
}
.mapImgWrap img{
	width:100%;
	height:auto;
}
.mapImgWrap div{
	position:absolute;	
	width:5%;
	height:12.5%;
} 
.mapImgWrap div a{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/mark_red.png) no-repeat center;
	background-size:100% 100%;
} 
.mapImgWrap div a:hover{
	background:url(../images/mark_yellow.png) no-repeat center;
	background-size:100% 100%;

}
.mapImgWrap div a:hover div{
	visibility:visible;
	top:-290%;
	transition:all .5s;
	opacity:1;
	
}
.map > ul{
	margin:1px 0 20px 0;
}
.map > ul li{
	display:inline;
	margin-right:15px;
	padding-left:2.5%;
}
.f1{
	top:54%;
	left:11.2%;
}
.f2{
	top:33%;
	left:16.8%;
}
.f3{
	top:33%;
	left:43.6%;
}
.f4{
	top:35.5%;
	left:52.05%;
}
.f5{
	top:30%;
	left:62%;
}
.f6{
	top:35.5%;
	left:71.5%;
}
.f7{
	top:27%;
	left:82.1%;
}

.t1{
	top:51%;
	left:10.55%;
}
.t2{
	top:39%;
	left:48.2%;
}
.t3{
	top:72%;
	left:68.5%;
}
.t4{
	top:52%;
	left:75%;
}
#footer{
	overflow:hidden;
	padding:1em;
	background:#e5e5e5;
	color:#676767;
}
#footer .copyroght{
	float:left;
	overflow:hidden;
}
#footer .copyroght li{
	display:block;
	float:left;
	margin-right:1em;
	font-size:16px;
}
#footer .copyroght li:last-child{
	padding-top:0.2em;
}
#footer .webDesign{
	float:right;
}
#footer .webDesign li{
	padding-top:1em;
	display:inline;
	font-weight:normal;
	font-size:14px;

}
#footer .webDesign li a,#footer .webDesign li a:link{
	color:inherit;
	text-decoration:none;
}
#footer .webDesign li a:hover{
	color:#000;
}

/* order page */
#orderHead{
	margin-bottom:50px;

}

#orderWrap{
	font-family:"微軟正黑體", Arial, Helvetica;
	font-size:18px;
	font-weight:normal;
	background:#FFF;
}
.td1, td2, td3{
	vertical-align:top;
}
#buyList, #ordInfo{
	padding:2px;
	border:1px solid #af1e2d;
	width:1080px;
	margin:0 auto 20px auto;
}
#buyList > ul > li div{
	padding:20px;
}
#buyList > ul > li{
	display:table;
}
#buyList > ul > li ul li{
	display:table;
	width:100%;
	padding-bottom:15px;
}
#buyList > ul > li ul li:last-child{
	padding-bottom:0 !important;
}
#buyList li div{
	display:table-cell;
}
#buyList li{
	padding:0px;
}
#buyList > ul > li{
	background:#dadada;
}
#buyList .even{
	background:#c8edef;
}
#buyList .ulHead{
	background:#af1e2d;
	color:#FFF;
}
#buyList .td1{
	text-align:right;
	width:311px;
	border-right:1px solid #FFF;
}
#buyList .td2{
	text-align:center !important;
	border-right:1px solid #FFF;
}
#buyList .td2{
	width:134px;
}
#buyList .td3{
	width:515px;
}
#buyList .td2{
}
.ulHead .td1, .ulHead .td2, .ulHead .td3{
	text-align:center !important;
}


#ordInfo > ul > li div{
	padding:20px;
}
#ordInfo > ul > li{
	display:table;
}
#ordInfo > ul > li ul li{
	display:table;
	width:100%;
	padding-bottom:10px;
}
#ordInfo > ul > li > ul li:last-child{
	padding-bottom:0 !important;
}
#ordInfo li div{
	display:table-cell;
}
#ordInfo li{
	padding:0px;
}
#ordInfo > ul > li{
	background:#dadada;
}

#ordInfo .td1{
	text-align:right;
	width:200px;
	border-right:1px solid #FFF;
}
#ordInfo ul li div div{
padding:0;
}
#ordInfo .td2{
	border-right:1px solid #FFF;
	width:798px;
	background:#c8edef;
}
#add{
	padding:0 !important;
}
#ordPs{
	width:1080px;
	margin:0 auto;
}
#ordPs ul:first-child{
padding-left:1em;
list-style:square;
}
#ordPs ul{
margin-bottom:2em;
}
#ordPs ul li strong{
	font-weight:bold;
}
#ordPs ul li{
line-height:1.5em;
}
.red{
color:#e60012;
}
.blue{
color:#122d5d;
}
#buttonSet{
	margin:3em auto;
	padding:2em 0;
	width:1080px;
	text-align:center;
	border-bottom:1px dashed #dadada;
	border-top:1px dashed #dadada;
}


/* UI */
#orderWrap input[type=reset],#orderWrap input[type=submit],#orderWrap input[type=text],#orderWrap input[type=radio],#orderWrap input[type=checkbox],#orderWrap textarea,#orderWrap select{
	font-size:16px;
	font-weight:normal;
	font-family:"微軟正黑體", Arial, Helvetica;
}

#orderWrap input[type=reset],#orderWrap input[type=submit],#orderWrap input[type=button], #ordInfo a{
	font-size:16px;
	font-weight:normal;
	font-family:"微軟正黑體", Arial, Helvetica;
	background:#e60012;
	border:0;
	padding:5px 7px;
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}
#orderWrap input[type=reset]:hover,#orderWrap input[type=submit]:hover,#orderWrap input[type=button]:hover, #ordInfo a:hover{
	background:#FF5B5B;
}
#orderWrap input[type=reset]:active,#orderWrap input[type=submit]:active,#orderWrap input[type=button]:active, #ordInfo a:active{
	background:#C00;
}
#orderWrap input[type=text]{
	width:200px;
	border:3px solid #e60012;
	height:24px;
}
#orderWrap textarea{
	width:400px;
	height:200px;
	border:3px solid #e60012;
}
#orderWrap select{
	border:3px solid #e60012;
}
#orderWrap input,#orderWrap label{
	margin-right:12px;
}
input[type=radio].css-checkbox {
	display:none;
}
input[type=radio].css-checkbox + label.css-label {
	padding-left:25px;
	height:22px; 
	display:inline-block;
	line-height:22px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}
input[type=radio].css-checkbox:checked + label.css-label {
	background-image:url(../images/ui_radio_s.png);
}
label.css-label {
	background-image:url(../images/ui_radio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input[type=checkbox].css-CB {
	display:none;
}

input[type=checkbox].css-CB + label.css-CBL {
	padding-left:27px;
	height:22px; 
	display:inline-block;
	line-height:22px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-CB:checked + label.css-CBL {
	background-image:url(../images/ui_check_s.png);
}
label.css-CBL {
	background-image:url(../images/ui_check.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.caIcon{
	position:relative;
}
.caIcon:after{
	position:absolute;
	content:"";
	display:block;
	width:37px;
	height:32px;
	background:url(../images/ui_calender.png) no-repeat;
	right:12px;
	top:-4px;
}
#contant_a{
	display:none;
}

#orderHead{
	background:#e5e5e5;
	padding:20px 60px;
}
#ui-datepicker-div{
 font-size:0.9em;
}