/*
* 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
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	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; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Georgia", "Times New Roman", serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	/*
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 15px;
		background: #fff; }
		*/
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }


/*
* 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 Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }

/* #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;
    }

/*
* 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 */

/* #Site Styles
================================================== */

body{background-color:#000;}

.on{ position:relative; top:-100px;}

/*----------------- index ------------------*/
/*------ index header --------*/
.pay_index_content{
	background-color:#FFF;
	width:100%;
	height:auto;
	position:relative;
}
.pay_form{
	width:100%;
	height:1400px;
	padding:15px 0 0 0;
	position:relative;
	background-color:#FFF;
}

.pay_form_title{
	width:757px;
	height:23px;
	padding:2px 0 0 20px;
	margin:0 auto;
	position:relative;
}


.pay_form_content{
	width:757px;
	height:auto;
	padding:10px 0 10px 20px;
	margin:0 auto;
	position:relative;
}

.pay_form_marketing{
	width:777px;
	height:80px;
	padding:0 0 0 0;
	margin:0 auto;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.pay_form_marketing_logo{
	width:120px;
	height:80px;
	padding:0 0 0 0;
	float:left;
}
.pay_form_marketing_text{
	width:440px;
	height:50px;
	padding:30px 0 0 10px;
	float:left;
}
.pay_form_marketing_text_2{
	width:440px;
	height:65px;
	padding:15px 0 0 10px;
	float:left;
}

.pay_form_marketing_m{
	width:185px;
	height:65px;
	padding:15px 10px 0 10px;
	float:left;
	background-color:#fff2ca;
}

.pay_form_total{
	width:777px;
	height:25px;
	padding:0 0 0 0;
	margin:0 auto;
	position:relative;
	background:#747474;
	text-align:center;
	color:#FFF;

}
.pay_form_total_box{
	width:757px;
	height:27px;
	padding:10px 10px 10px 10px;
	margin:0 auto;
	position:relative;
	background:#fff2ca;

}
.pay_form_buyer_info{
	width:777px;
	height:25px;
	padding:0 0 0 0;
	margin:30px auto 0 auto;
	position:relative;
	background:#747474;
	text-align:center;
	color:#FFF;
}
.pay_form_buyer_info_box{
	width:757px;
	height:auto;
	padding:15px 10px 10px 10px;
	margin:0 auto;
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;

}

  .pay_form_verification_code{
	width:757px;
	height:auto;
	padding:15px 10px 10px 10px;
	margin:0 auto;
	}
  .pay_form_send{
	width:135px;
	height:40;
	position: relative;
	margin:auto;
	}

#index{
	width:100%;
	position:relative;
	}
#header_square{
	background:url(../images/header_bg.gif) top repeat-x ;
	width:100%;
	height:116px;
	position:fixed;
	z-index:20;
	}
#header_top{
	width:100%;
	height:35px;
	}
#flashaim{
	width:213px;
	padding:10px 0 0 350px;
	float:left;
	}
#franchiess {
    height: 45px;
    width: 108px;
	float:left;
	margin-left: 135px;
}
#logo{
	width:178px;
	height:48px;
	margin:5px 0 0 20px;
	float:left;
	}
#menu{
	width:700px;
	float:left;
	}
/*------ index content --------*/
#all_square{
	width:100%;
	margin:0 auto;
	}
#index_square{
	width:100%;
}
.index_top{
	height:116px;
}
.pay_index_top{
	height:10px;
}
.index_content{
	background: url(../images/inden_cbg.png) top repeat-x ;
	width:100%;
	height:575px;
	position:relative;
}

.four_cloud{
	width:570px;
	position:absolute;
	top:-250px;
}
.pay_four_cloud{
	width:520px;
	position:absolute;
	top:-166px;
	left: 247px;
}
.cloud_font{
	width: 445px;
	position:absolute;
	top:-200px;
	left:515px;
	font-size:14px; font-family:"微軟正黑體"; color:#FFF;
}
.pay_cloud_font{
	width: 445px;
	position:absolute;
	top:-100px;
	left:90px;
	font-size:14px;
	font-family:"微軟正黑體";
	color:#FFF;
}
.four_bar{
	width:180px;
	position:absolute;
	top:25px;
	left:540px;
}
.buy_bar{
	width:180px;
	position:absolute;
	top:25px;
	left:720px;
}
.next{
	width:691px;
	position:absolute;
	top:-12px;
	left:130px;
}
/*----------------- page one ------------------*/
#pageone_square{
	background: url(../images/pageone_bg.png)top repeat-x;
	width:100%;
	height:768px;
	float:left;
}
#one_title{
	width:748px;
	margin:60px 0 15px 0;
	padding:0 0 0 205px;
}
#one_title1{display:none;}
#flexslider_square{
	width:930px;
	margin:0 0 0 30px;
}
#one_content{
	width:960px;
	float:left;
	padding:10px 0 0 0;
}
.one_left{
	width:460px;
	float:left;
}
.one_font1{
	width:425px;
	font-size:14px;
	font-family:"微軟正黑體";
}
.one_right{
	width:500px;
	float:left;
}
.one_font2{
	width:500px;
	font-size:14px;
	font-family:"微軟正黑體";
}
.nextone{
	width:691px;
	position:absolute;
	top:-10px;
	left:130px;
}
/*----------------- page two ------------------*/
#pagetwo_square{
	background: url(../images/pagetwo_bg.png) top repeat-x ;
	width:100%;
	height:1300px;
	float:left;
}
/*----------------- page_two_1 ------------------*/
#two_1_square{
	width:960px;
	height:470px;
	}
#two_title{
	width:960px;
	margin:87px 0 15px 0;
}
#two_title img{ padding:0 0 0 134px;}
#two_title1{display:none;}
#two_1_phone1{
	width:282px;
	float:left;
}
#two_1_square1{
	width:396px;
	height:391px;
	float:left;
}
.two_1_title{
	width:396px;
}
.two_1_content{width:396px;}
.two_1_content p{margin: 0 0 12px 0;}

#two_1_phone2{
	width:282px;
	float:left;
}	
.two_font1{
	width:396px;
	font-size:14px;
	font-family:"微軟正黑體";
	text-align:center;
}
/*----------------- page_two_2 ------------------*/	
#two_2_square{
	width:960px;
	height:370px;
}
#two_2_left{
	width:399px;
	float:left;
}
.two_2_title{
	width:399px;
	margin:30px 0 0 0;
	float:left;
}
.two_2_content{
	width:399px;
	margin:20px 0 0 0;
	float:left;
}
#two_2_right{
	width:554px;
	margin:40px 0 0 0;
	float:left;
}
.two_font2{
	width:396px;
	font-size:14px;
	font-family:"微軟正黑體";
}
/*----------------- page_two_3 ------------------*/	
#two_3_square{
	width:960px;
	height:360px;
	padding:10px 0 0 0;
}
#two_3_left{
	width:399px;
	float:left;
}
.two_3_title{
	width:399px;
	margin:30px 0 0 0;
	float:left;
}
.two_3_content{
	width:399px;
	margin:20px 0 0 0;
	float:left;
}
#two_3_right{
	width:554px;
	margin:40px 0 0 0;
	float:left;
}
.two_font3{
	width:396px;
	font-size:14px;
	font-family:"微軟正黑體";
}
/*------------------------------ page_three ------------------------------*/	
#pagethree_square{
	background:url(../images/pagethree_bg.png) top repeat-x ;
	width:100%;
	height:1062px;
	float:left;
}
#three_title{
	width:960px;
	padding:60px 0 0 0;
}
#page_three_1{
	width:960px;
	height: 380px;
}
#page_three_2{
	width:960px;
	height: 380px;
}
/*---------- page_three 區塊複製--------------*/	
.three_square{
	width:450px;
	margin:0 0 0 20px;
	float:left;
}
.three_img{
	width:443px;
	margin:0 auto;
}
.three_content{
	background:url(../images/pagethree_content_bg.png);
	width:443px;
	height:29px;
	margin:0 auto;
}
.three_font{
	width:443px;
	font-size:14px;
	font-family:"微軟正黑體";
	text-align:center;
}
.nextthree{
	width:691px;
	position:absolute;
	top:1051px;
	left:130px;
}
/*------------------------------ page_four ------------------------------*/
#pagefour_square{
	background: url(../images/pagefour_bg.png) top repeat-x ;
	width:100%;
	height:679px;
	float:left;
}
#four_title{
	width:475px;
	height:51px;
	margin:0 auto;
	padding:60px 0 0 0;
}
#pagrfour_01{
	width:154px;
	height:506px;
	float:left;
}
#pagrfour_02{
	width:652px;
	height:506px;
	float:left;
}
#pagrfour_03{
	width:154px;
	height:506px;
	float:left;
}
/*------------------------------ page_five ------------------------------*/	
#pagefive_square{
	background: url(../images/pagefive_bg.png) top repeat-x ;
	height:899px;
	width:100%;
	float:left;
}	
#five_title{
	width:410px;
	margin:0 auto ;
	padding-top:20px;
}	
#five_title1{
	width:930px;
	margin:15px auto 0 ;
}

/*----------------- map_content ------------------*/
#five_square{
	background: url(../images/map_bg.png) no-repeat;
	width:960px;
	float:left;
}
#map_square{
	width:466px;
	margin:0 auto;
	height:80px;
}
#fivecontent_square{
	width:960px;
	height:90px;
	margin:0 auto;
    float:left;
}
#fivefont_square{
	height:60px;
	font-size:14px;
	font-family:"微軟正黑體";
	color:#FFF;
	float:left;
	padding:15px 80px;
}
.five_map{
	width:46px;
	padding:0 35px;
	float:left;
}
.five_font{
	float:left;
}
.five_font1{
	width: 180px;
	padding: 15px 0 0 40px;
	float:left;
}
.five_font2{
	width:500px;
	padding:0 0 0 60px;
	float:left;
}
.five_font3{
	font-size:12px;
	float:left;
	color:#FFF;
	line-height:16px;
}
#fivemap_square{
	width:960px;
	height:500px;
	float:left;
}	
.fivemap_left{
	width:500px;
	float:left;
}
.google_map{width:479px;}
.google_map a img{border:none;}

/*----------------- map_message ------------------*/	
.fivemap_right{
	width:460px;
	padding:30px 0 0 0;
	float:left;
}
.blank{
	width:400px;
	padding:2px 0 10px 30px;
}
.blank1{
	width:376px;
	height:110px;
	padding:2px 0 0 30px;
}
.blank2{
	width:376px;
	height:70px;
	padding:2px 0 0 10px;
}
.blank3{
	width:400px;
	padding:2px 0 0 10px;
}
.fivemap_right input{width:335px; height:25px}
textarea{width:339px; height:90px;}
#foot_square{
	width:960px;
	height:30px;
	float:left;
	padding:0;
}
.foot_life{
	width:200px;
	height:25px;
	float:left;
	margin: 10px 0 0 80px;
}
.foot_right{
	width:550px;
	height:25px;
	float:left;
	margin:0 0 0 50px;
}

input.captcha{width:80px;}
.captcha{float:left; margin-left:20px;}
.captcha img{height:40px;}


/* #Page Styles
================================================== */
img{max-width:100%; border:none;}


/* Tablet Portrait 平板直式 */
	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/*付款頁面------------------------------------------------*/
		.pay_four_cloud{
	width:350px;
	position:absolute;
	top:-106px;
	left: 247px;
}
.pay_cloud_font{
	width: 445px;
	position:absolute;
	top:-80px;
	left:90px;
	font-size:14px;
	font-family:"微軟正黑體";
	color:#FFF;
}


		
		#all_square{ width:100%;}
		/*index_header------------------------------------------------*/
		#index{height:510px;}
		
		#header_top{width:100%;height:35px;}
		#flashaim{padding:10px 0 0 260px;}
		#franchiess {margin-left: 40px;}
		#logo{margin:15px 0 0 10px;}
        #menu{ width:580px;margin:0; padding:30px 0 0 0;}
		
		/*index ------------------------------------------------------*/
		.index_content{ background-position:0 -170px;height:405px;}
		.four_cloud{width:390px;top:-170px;left:10px;}
		.cloud_font{width:390px;top:-160px;left:380px;font-size:12px; color:#FFF; line-height:18px;}
		.four_bar{left: 370px;top: 10px;width: 180px;}
		.buy_bar{left: 550px;top: 10px;width: 180px;}
		.next{width:680px;top:-12px;left:60px;}
		
		/*page one ------------------------------------------------------*/
		#pageone_square{background-position:0 -78px;height:690px;}
        #one_title{padding:0;}
		#one_title1{ display:none;}
		#one_title img{ padding: 0 0 0 160px;}
		#flexslider_square{width:760px;margin:0 auto;}
		#one_content{width:768px;}
		.one_left{width:350px;}
		.one_font1{width:300px;font-size:12px; padding:0 0 0 20px;}
        .one_right{width:418px;}
		.one_font2{width:400px;font-size:12px;}
		.nextone{width:680px;left:60px;}
		
		/*page two ---------------------------------------------------*/
		#pagetwo_square{background-position:0 -29px;height:1270px;}

	    #two_1_square{width:768px;}
		#two_title{width:650px; margin:60px 0 0 0;}
		#two_title img {padding:0 0 0 50px;}
		#two_title1{display:none;}
		
        /*page_two_1 ----------------------------*/
		#two_1_phone1{width:220px;margin:100px 0 0 0;}
		#two_1_square1{background-position:0 -200px;width:320px;height:350px;margin-top:19px;}
		.two_1_title{width:328px;}
		.two_1_content{width:328px;}
		#two_1_phone2{width:220px;margin:100px 0 0 0;}
		.two_font1{width:320px;font-size:12px; line-height:19px;}
		
		/*page_two_2 ----------------------------*/
		#two_2_square{width:768px;}
		#two_2_left{width:320px; margin:0 0 0 30px;}
		.two_2_title{width:320px;}
		.two_2_content{width:320px;}
		.two_font2{width:320px;font-size:12px;}
		#two_2_right{width:418px; margin:85px 0 0 0;}

		/*page_two_3 ----------------------------*/
		#two_3_square{width:768px;}
		#two_3_left{width:320px;margin:0 0 0 30px;}
		.two_3_title{width:320px;}
		.two_3_content{width:320px;}
		.two_font3{width:320px;font-size:12px;}
		#two_3_right{width:418px;margin:85px 0 0 0;}
		
		/*page_three -------------------------------------------------*/
		#pagethree_square{background-position:0 -110px;height:952px;}
		
		#three_title{width:768px;}
		#three_title img{width:320px;padding:0 220px;}
		
		#page_three_1{width:750px; }
		#page_three_2{width:750px;}
		.three_square{width:340px;margin:20px 0 0 30px;}
		.three_img{width:340px;}
		.three_content{background-position:0 -30px; width:320px; }
		.three_font{ width:280px; font-size:12px;text-align:center;}
		.nextthree{top:941px;left:40px;}
		/*page_fore -------------------------------------------------*/
		#pagefour_square{background-position:0 -45px;height:630px;}
		
		/*page_five -------------------------------------------------*/
		#pagefive_square{background:none; background: url(../images/pagefive_bg_1.png)top repeat-x; height:770px;}	
		#five_title{width:410px;}	
		#five_title1{width:420px;margin:20px auto 0 ;}
		
		#five_square{background: url(../images/map_bg.png) no-repeat;background-size:100%;  width:768px;}
		#map_square{width:466px;height:80px;}
		#fivecontent_square{width:768px;height:90px;}
		#fivefont_square{height:60px;font-size:13px;padding:15px 25px;}
		
		.five_map{width:46px;padding:0 35px;}
        .five_font{float:left;}
		.five_font1{width: 160px;padding: 15px 0 0 20px;}
		.five_font2{width:450px;padding:0 0 0 60px;}
		.five_font3{float:left;}
		#fivemap_square{width:768px;height:400px;}	
		.fivemap_left{width:400px;}
		.google_map{width:380px;}
		
		.fivemap_right{width:368px;padding:0;}
		.blank{width:355px;height:38px;padding:2px 0 0 0;}
		.blank1{width:355px;height:75px;padding:2px 0 0 0;}
		.blank2{width:370px;height:70px;padding:2px 0 0 0;}
		.blank2 img { margin:0 0 0 -20px;}
		
		.fivemap_right input{width:335px;}
		textarea{width:335px; height:50px;}
		#foot_square{width:768px;height:30px;padding:10px 0 0 0;}
		.foot_life{width:200px;height:25px;float:left;margin:0;}
		.foot_right{width:550px;height:25px;float:left;margin:0 0 0 10px;}
		input.captcha{width:80px;}

		}

	/* Mobile (Portrait) 手機直式*/
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
		
		
		/*index_header------------------------------------------------*/
		#index{height:700px;}
		#index_square{ margin:0 auto;}
		
		#header_top{width:100%;height:35px;}
		#flashaim{padding:10px 0 0 0; width:190px;}
		#franchiess {margin-left: 0px;}
		#logo{width:178px;margin:-10px 0 0 50px;float:left;}
        #menu{width:320px;float:left;}
		/*index ------------------------------------------------------*/

		.index_content{ background-position:0 -150px;height:420px;}
		.four_cloud{width:270px;top:-80px;left:20px;}
		.cloud_font{width:270px;top:90px;left:5px;font-size:11px; color:#666; line-height:18px; text-align:center}
		.four_bar{left: 0;top: 230px;width: 140px;}
		.buy_bar{left: 140px;top: 230px;width: 140px;}
		.next{ display:none;}
		/*page one ------------------------------------------------------*/
		#pageone_square{background-position:0 -100px;height:668px;}
        #one_title{ display:none;}
		#one_title1{display:block; max-width:200px; margin:20px 0 0 40px;padding:0;}
		#one_title img{ padding:0;}
		#flexslider_square{width:270px;margin:0 auto;}
		#one_content{width:300px;}
		.one_left{width:300px;text-align:center;}
		.one_font1{width:280px;font-size:11px; padding:0 0 0 8px;}
        .one_right{width:300px;text-align:center;}
		.one_font2{width:280px;font-size:11px;}
		.nextone{display:none;}
		
		/*page two ---------------------------------------------------*/
		#pagetwo_square{ background:none; background:url(../images/pagetwo_ph_bg.png) top repeat-x;height:1600px;}

		#two_1_square{width:300px; position:relative;}
		#two_title{display:none;}
		#two_title1{display:block;width:290px;padding:0; margin:20px 0 0 0;}
		
        /*page_two_1 ----------------------------*/
		#two_1_phone1{width:130px;margin:0;}
		#two_1_square1{background-position:0 -200px;width:300px;height:380px; margin:0 0 0 5px;}
		.two_1_title{width:280px;}
		.two_1_content{width:280px;}
		#two_1_phone2{width:130px;margin:0; position:absolute; left:150px;}
		.two_font1{width:280px;font-size:12px; line-height:19px;}
		
		/*page_two_2 ----------------------------*/
		#two_2_square{width:300px;}
		#two_2_left{width:300px; margin:0 0 0 5px;}
		.two_2_title{width:280px;}
		.two_2_content{width:280px;}
		.two_font2{width:280px;font-size:12px; text-align:center;line-height:19px;}
		#two_2_right{width:290px; margin:0;}

		/*page_two_3 ----------------------------*/
		#two_3_square{width:300px; margin:0 0 0 8px; padding:0;}
		#two_3_left{width:300px;}
		.two_3_title{width:280px; margin:0 0 0 20px;}
		.two_3_content{width:280px; margin:10px 0 0 0;}
		.two_font3{width:280px;font-size:12px;text-align:center;line-height:19px;}
		#two_3_right{width:290px;margin:25px 0 0 0 ;}
		
		/*page_three -------------------------------------------------*/
		#pagethree_square{background:none; background:url(../images/pagethree_ph_bg.png) top repeat-x;height:1360px;}
		
		#three_title{width:300px; padding:10px 0 0 0;}
		#three_title img{width:230px;padding:0 10px;}
		
		#page_three_1{width:300px;}
		#page_three_2{width:300px;}
		.three_square{width:300px; height:300px; margin:15px 0 0 0;}
		.three_img{width:300px;}
		.three_content{background-position:0 -30px; width:300px;}
		.three_font{ width:280px; font-size:11px;text-align:center;}
		.nextthree{display:none;}
		/*page_fore -------------------------------------------------*/
		#pagefour_square{background-position:0 -45px;height:400px;}
		#four_title{width:300px;}
		
		/*page_five -------------------------------------------------*/
		#pagefive_square{background:none; background: url(../images/pagefive_bg.png)top repeat-x; height:900px;}	
		#five_title{width:290px;}	
		#five_title1{width:300px;margin:33px auto 0 ;}
		
		#five_square{background: url(../images/map_bg.png) no-repeat;background-size:100%;  width:300px;}
		#map_square{width:300px;height:60px;}
		#fivecontent_square{width:300px;height:90px;}
		#fivefont_square{height:60px;font-size:11px;padding:10px 0;}
		
		.five_map{width:32px;padding:0 20px;}
        .five_font{ display:none;}
		.five_font1{width:60px;padding: 15px 10px 0 10px; line-height:18px;}
		.five_font2{width:220px;padding:0 0 0 0;line-height:18px;}
		.five_font3{float:left; font-size:11px; line-height:15px; text-align:center; margin: 10px 0 20px;}
		#fivemap_square{width:300px;height:590px;}	
		.fivemap_left{width:300px;}
		.google_map{width:300px;}
		
		.fivemap_right{width:300px;padding:0;}
		.blank{width:300px;height:32px;padding:2px 0 0 0;}
		.blank1{width:300px;height:52px;padding:2px 0 0 0;}
		.blank2{width:300px;height:80px;padding:2px 0 0 0;}
		.blank3{width:400px;padding:2px 0 0 0;}
		.blank2 img {width:300px;margin:10px 0 0 0;}
		
		.fivemap_right input{width:290px; height:20px;}
		textarea{width:290px; height:50px;}
		#foot_square{width:300px;height:60px;padding:10px 0 0 0;}
		.foot_life{width:250px;height:25px;margin:0 0 0 50px;}
		.foot_right{width:300px;height:30px;margin:0;}
		input.captcha{width:160px;}
		
		#header_square{
		background:url(../images/header_bg_300.gif) top repeat-x ;
		width:100%;
		height:130px;
		position:fixed;
		z-index:20;
		}
		

		}

	/* Mobile (Landscape) 手機橫式 */
	/* Note: Design for a width of 480px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		
		/*index_header------------------------------------------------*/
		#index{height:800px;}
		
		#header_top{width:100%;height:35px;}
		#flashaim{padding:10px 0 0 80px;}
		#franchiess {margin-left: 40px;}
		#logo{margin:5px 0 0 20px;}
        #menu{margin:5px 0 0 -10px;}
		
		/*index ------------------------------------------------------*/

		.index_content{ background-position:0 -20px;height:520px;}
		.four_cloud{width:400px;top:-120px;left:45px;}
		.cloud_font{width:350px;top:120px;left:50px;font-size:12px; color:#666; line-height:18px; text-align:center}
		.four_bar{width:230px;top:255px; left:30px;}
		.buy_bar{width:230px;top:255px; left:220px;}
		.next{display:none;}
		
		/*page one ------------------------------------------------------*/
		#pageone_square{background-position:0 -100px;height:668px;}
		#one_title1{display:block; max-width:240px; margin:20px 0 0 110px;padding:0;}
		#one_title img{ padding:0;}
		#flexslider_square{width:460px;margin:0 auto;}
		#one_content{width:430px; margin:-10px 0 0 15px;}
		.one_left{width:420px;text-align:center; margin:0 0 10px 0;}
		.one_font1{width:420px;font-size:11px; padding:0 0 0 8px;}
        .one_right{width:420px;text-align:center;}
		.one_font2{width:420px;font-size:11px;}
		.nextone{display:none;}
		
		/*page two ---------------------------------------------------*/
		#pagetwo_square{ background:none; background:url(../images/pagetwo_ph_bg1.png) top repeat-x;height:1800px;}

		#two_1_square{width:460px; position:relative;}
		#two_title{display:none;}
		#two_title1{display:block;width:400px;padding:0 0 0 30px; margin:20px 0 0 0;}
		
        /*page_two_1 ----------------------------*/
		#two_1_phone1{width:200px;margin: 0 0 0 20px;}
		#two_1_square1{background-position:0 -200px;width:400px;height:330px; margin:0 30px;}
		.two_1_title{width:400px;}
		.two_1_content{width:400px;}
		#two_1_phone2{width:200px;margin:0; position:absolute; left:220px;}
		.two_font1{width:400px;font-size:12px; line-height:19px;}
		
		/*page_two_2 ----------------------------*/
		#two_2_square{width:460px;}
		#two_2_left{width:400px; margin:0 30px;}
		.two_2_title{width:400px;}
		.two_2_content{width:400px;}
		.two_font2{width:400px;font-size:12px; text-align:center;line-height:19px;}
		#two_2_right{width:450px; margin:0;}

		/*page_two_3 ----------------------------*/
		#two_3_square{width:450px; margin:0 0 0 8px; padding:0;}
		#two_3_left{width:420px;}
		.two_3_title{width:400px; margin:0 0 0 20px;}
		.two_3_content{width:400px; margin:10px 0 0 20px;}
		.two_font3{width:400px;font-size:12px;text-align:center;line-height:19px;}
		#two_3_right{width:450px;margin:25px 0 0 0 ;}
		
		/*page_three -------------------------------------------------*/
		#pagethree_square{background:none; background:url(../images/pagethree_ph_bg1.png) top repeat-x;height:1800px;}
		
		#three_title{width:400px; padding:10px 0 0 0;}
		#three_title img{width:300px;padding:0 10px;}
		
		#page_three_1{width:450px;}
		#page_three_2{width:450px;}
		.three_square{width:450px; height:400px; margin:15px 0 0 0;}
		.three_img{width:420px;}
		.three_content{background-position:0 -30px; width:300px;}
		.three_font{ width:280px; font-size:11px;text-align:center;}
		.nextthree{display:none;}
		
		/*page_fore -------------------------------------------------*/
		#pagefour_square{background-position:0 -45px;height:550px;}
		#four_title{width:450px;}
		
		/*page_five -------------------------------------------------*/
		#pagefive_square{height:900px;}	
		#five_title{width:330px;}	
		#five_title1{width:300px;margin:28px 0 0 80px;}
		
		#five_square{background: url(../images/map_bg.png) no-repeat;background-size:100%;  width:480px;}
		#map_square{width:360px;height:80px;}
		#fivecontent_square{width:480px;height:60px;}
		#fivefont_square{height:60px;font-size:12px;padding:10px 0;}
		
		.five_map{width:45px;padding:0 20px;}
        .five_font{ display:none;}
		.five_font1{width:80px;padding: 0 10px 0 10px; line-height:18px;}
		.five_font2{width:380px;padding:0 0 0 0;line-height:18px;}
		.five_font3{float:left; font-size:11px; line-height:15px; text-align:center;}
		#fivemap_square{width:480px;height:580px;}	
		.fivemap_left{width:320px; padding:0 80px;}
		.google_map{width:300px;}
		
		.fivemap_right{width:320px;padding:0 80px;}
		.blank{width:300px;height:33px;padding:2px 0 0 0;}
		.blank1{width:300px;height:55px;padding:2px 0 0 0;}
		.blank2{width:300px;height:80px;padding:2px 0 0 0;}
		.blank2 img {width:300px;margin:0;}
		
		.fivemap_right input{width:290px; height:20px;}
		textarea{width:290px; height:50px;}
		#foot_square{width:450px;height:60px;padding:10px 0 0 0;}
		.foot_life{width:200px;height:25px;margin:0 0 0 110px;}
		.foot_right{width:350px;height:30px;margin:0 0 0 40px;;}
		input.captcha{width:162px;}

		

		}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
.flexslider_index .flex-direction-nav{}
.flexslider_index .flex-control-nav{ position:relative; top:210px; left:595px;width: 45px;}


.flexslider_one .flex-direction-nav{}
.flexslider_one .flex-control-nav{ position:relative; top:-10px; left:410px;width: 70px;}

/* Browser Resets */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin:0; padding: 0; list-style: none;}

.flex-control-nav_one{margin:0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin:0; padding: 0; width:100%;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; min-width:100%; max-height:381px;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
/*.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}*/


/* Direction Nav */
.flex-direction-nav a {width: 40px; height: 55px; margin: -80px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0;opacity: 1; right: 1px; }
.flex-direction-nav .flex-prev {opacity: 1; left: 1px;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); display:block;}
.flex-control-paging li a:hover {  background: #333; background: rgba(0,0,0,0.7);  }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default;  }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* Tablet Portrait 平板直式 */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.flex-direction-nav a { display:none; background:url(../images/bg_direction_nav_1.png)no-repeat 0 0; width: 25px; height: 34px; margin: -40px 0 0; display: block;position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}

.flexslider_index .flex-control-nav{ position:relative; top:105px; left:400px;}
.flexslider_one .flex-control-nav{ position:relative; top:-10px; left:350px;}


.flexslider_index .flex-control-nav{ position:relative; top:140px; left:425px;width: 45px;}

}


/* Mobile (Portrait) 手機直式*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.flexslider{margin:0;}
	.flex-control-nav{ display:none;}
	.flex-direction-nav a { display:none; background:url(../images/bg_direction_nav_1.png)no-repeat 0 0; width: 25px; height: 34px; margin: -40px 0 0; display: block;position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
	

}
/* Mobile (Landscape) 手機橫式 */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
	
}
/*  服務項目下拉 */
.menu_head {
	padding:0px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:bold;
}
.menu_body {
	display:none;
	padding:0 10px;
}
.menu_body .img-arrow {
  width:10px;
  float:left;
  margin-right:10px;
}
.menu_body .info{
	float:left;
	width:150px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

/*  下拉選單 */
.sbHolder:focus .sbSelector{
	
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #555;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../images/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions li{
	padding: 0 5px;
	margin-bottom:5px;
}
.sbOptions a{
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #555;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #000;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

.sbHolder{
	background-color: #555;
	font-family: Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	height: 36px;
	position: relative;
	width: 235px;
	margin:73px 0 0 0;
	background: url(../images/form-select-menu.png) left no-repeat ;
	background-size:100%;
}
.sbSelector{
	display: block;
	font-family: "微軟正黑體";
	height: 36px;
	left: 0;
	line-height: 36px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 235px;
}
.sbOptions{
	background-color: #ecebe9;
	border: solid 1px #cbcbcb;
	list-style: none;
	left: 4px;
	margin:0;
	padding: 0;
	position: absolute;
	top: 20px;
	width: 210px;
	z-index: 1;
	overflow-y: auto;
}
.sbHolder ul{
	font-family: "微軟正黑體";
	font-size: 16px;
	padding:5px;
	margin:-5px 0 0 0;
}
.select-service-position{
	margin:-73px 0 5px 0;
}

#blogSlider{
	width:940px;
	height:;	
	}
.stripViewer { 
	position: relative;
	overflow: hidden; 
	clear: both; 
} 
#blogSlider .panelContainer{
	position:relative;
	margin-left:150px;
}
#blogSlider .panel{
	position:relative;
	float:left;
}
#blogSlider .moveSet li {
	float:left;
	width:600px;
}
#blogSlider .moveSet li .image{
	width:600px;
}
.stripNavL a, .stripNavR a { 
	display: block; 
	width: 42px; 
	height: 65px; 
	text-indent: -9999px;
	position: absolute;
	z-index:8;
	}
.stripNavL a{
	bottom:0px;
	left:0;
	top:220px;
	background: url(../images/leftarrow.png); 
}
.stripNavR a {
	bottom:0;
	right:20px;
	top:220px;
	background: url(../images/rightarrow.png);
}

.preview_content{width:300px;margin:0 auto;}



/* #Media Queries
================================================== */

	/* Tablet Portrait 平板直式 */
	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#blogSlider{
			width:768px;
		}
		#blogSlider .moveSet li{
			float:left;
			width:450px;
		}
		#blogSlider .moveSet li .image {width:450px;}
		.preview_content a img{width:131px;height:40px;}
		.stripNavL a{bottom:0px;left:0;top:220px;background: url(../images/leftarrow.png); z-index:10; }
		.stripNavR a {bottom:0;right:0;top:220px;background: url(../images/rightarrow.png);z-index:10;}
	}

	/* Mobile (Portrait) 手機直式*/
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
		#blogSlider{
			width:300px;
			position:relative;
			top:-50px;
		}
		#blogSlider .panelContainer {
			margin-left:0;
		}
		#blogSlider .moveSet li{
			float:left;
			width:300px;
		}
		#blogSlider .panel{}
		#blogSlider .panel img{width:100%;}
		#blogSlider .moveSet li .image {width:160px;}
		.preview_content{width: 150px;}
		.preview_content a{width:131px;height:40px; }
		#blogSlider  .preview_content img{
			width:auto;
		}
		.stripNavR a{top:40px;right:-10px}
		.stripNavL a{top:40px;left:-10px;}
	}

	/* Mobile (Landscape) 手機橫式 */
	/* Note: Design for a width of 480px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#blogSlider{
			width:480px;
			position:relative;
			top:20px;	
		}
		#blogSlider .moveSet li{
			float:left;
			width:470px;
		}
		#blogSlider .moveSet li .image {width:240px;}
		.preview_content a{clear:both;}
		.preview_content a img{width:131px;height:40px; clear:both;}
		.preview_content{width:300px;}
		
		.stripNavR a{top:180px; right:-50px}
		.stripNavL a{top:180px; left:-10px;}
	}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 502;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 503;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-container {
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close-btn-in .mfp-close {}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  top: 0;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: solid transparent;
  content: ''; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  opacity: 0.8;
  border-top-width: 12px;
  border-bottom-width: 12px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 20px;
  border-bottom-width: 20px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 12px solid black;
    left: 5px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    border-right: 20px solid white; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    background:url(../images/magnific-arrow-right.png) no-repeat;
    left: 3px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 20px solid white; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none; }

/**
 *
 * Iframe content type
 * 
 */
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -43px; }

/**
 *
 * Image content type
 * 
 */
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup-block{
	background:#FFF;
	padding:20px 30px;
	text-align:left;
	max-width:650px;
	margin:40px auto;
	position:relative
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 800px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 200px;
  margin: 20px auto;
  text-align: center;
}