/* use on all sites.  change color per site */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select {
font-family: Heiti TC, "Ln", Microsoft JhengHei, Helvetica, Arial, sans-serif;
font-size: 16px;
color: black;
font-weight: bold;
line-height: 2em;
}

/* css*/

ol, ul, li {
		list-style: none;
		margin:0; padding:0;
	}

.input {height:28px;}
/*select*/
.select td{ padding:5px 2px; color:#888888;line-height:20px;}
.select a{ color:#F9F; letter-spacing:1px;}
.select a:hover{ color:#FFF; text-align:right}
.select p,.pay p{ margin:5px 0;}

A:link {text-decoration: none;color:#000; border-style: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
A:visited {text-decoration: none;color:#777777;}
A:active {text-decoration: none}
A:hover {
	color: #3399cc;
	border: 0px none;
	text-decoration: none;
}
.text-dashed {
border-color: black black #dddddd; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
}
.grayblue {color:#75ABB0}
.gray {color:#666666}
.black {color:#000000}
.white {color: #FFFFFF;}
.orange {color: #FF9900;}
.yellow {color:#FFFF00}
.green  {color:#669900;}
.red  {color:#990000;}
.litered {color:#FF9999;}
.redbox  {color:#990000;padding:2px;margin:2px;border:1px solid #990000;font-family:Arial, Helvetica, sans-serif;}
.liteblue {color:#A6EDFF;} 
.litegray {color:#dddddd;} 
.blue {color:#0099CC;}
.litegreen {color:#B2E471;}
.graybox {padding-top:4px;padding-bottom:4px;padding-left:5px;padding-right:5px;border:1px solid #dddddd;color:#999999;background-color:#ffffff;border-radius:0px}
.graybox2 {padding-top:4px;padding-bottom:4px;padding-left:5px;padding-right:5px;border:1px solid #dddddd;color:#ffffff;background-color:#777777;;border-radius:0px}
.pinkbox2 {padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;color:#ffffff;background-color:#FF9999;border:1px solid #FF9999;border-radius:4px}


.greenbox {padding-top:2px;padding-left:3px;padding-right:3px;padding-bottom:2px;background-color:#669900;border:1px solid #ffffff;color:#ffffff;}

.literedbox {padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;border:1px solid #FF9999;color:#FF9999;background-color:#ffffff;valign:middle;}
.bluebox {padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;border:1px solid #3399cc;color:#3399cc;background-color:#ffffff;valign:middle;}
.bluebox2 {padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:5px;color:#ffffff;background-color:#3399cc;border:1px solid #3399cc;}

.litebluebox {padding-top:2px;padding-bottom:2px;padding-left:3px;padding-right:3px;color:#A6EDFF;border:1px solid #A6EDFF;}
.big-text14 {font-size: 14px;}
.big-text {font-size: 16px;}

.price {font-family:Arial, Helvetica, sans-serif;}
.bold {font-weight:bold;}

.input {height:30px;border:1px solid #DDDDDD;}

.shadowbox{
-moz-box-shadow: 0px 0px 6px #999999;
-webkit-box-shadow: 0px 0px 6px #999999;
box-shadow: 0px 0px 6px #999999;} 

.shadowbox-w{
-moz-box-shadow: 0px 0px 8px #cccccc;
-webkit-box-shadow: 0px 0px 8px #cccccc;
box-shadow: 0px 0px 8px #cccccc;} 

.sizebutton {
             font-size: 10px;
			 font-family:Arial, Helvetica, sans-serif;
			 vertical-align:middle;
			 color:#B3B3B3;
			 margin-top:8px;
			 padding:3px;
			 border:1px solid  #CCCCCC;
			 }
.addbagbutton {
             font-size: 10px;
			 color : #777777;
			 background-color:#eeeeee;
			 margin:5px;
			 padding:2px;
			 border-bottom:1px solid #cccccc;
			 border-right:1px solid #cccccc;
			 border-left:1px solid #dddddd;
			 border-top:1px solid #dddddd;
			 }
			 
.button {
             font-size: 11px;
			 color : #777777;
			 background-color:#eeeeee;
			 padding:3px;
			 border-bottom:1px solid #cccccc;
			 border-right:1px solid #cccccc;
			 border-left:1px solid #dddddd;
			 border-top:1px solid #dddddd;
			 }
			 
.button2 {

           font-size: 11px; 
		   color : #ffffff; 
		   background-color: #999999; 
		   border: 1px solid #ffffff;
		   padding-top:2px;
		   padding-left:1px;
		   padding-right:1px;
}
.button3 {

           font-size: 11px; 
		   color:#999999; 
		   background-color: #ffffff; 
		   border: 1px solid #cccccc;
		   padding-top:2px;
		   padding-left:1px;
		   padding-right:1px;
}
.main-text-product {
	font-size: 11px;
	color: #9c9c9c;ss
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
	list-style-image: url(/images/bullet.gif);
    margin-top: 1px; 
	margin-right: 2px; 
	margin-left: 2px
	}
.main-text-mobile {
	font-size: 12px;
	line-height: normal;
	color: black;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}

.main-text-big {
	font-size: 16px;
	line-height: normal;
	color: black;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}



.main-text-superbig {
	font-size: 36px;
	line-height: normal;
	color: black;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}

.text-button {
	font-size: 50px;
	color: black;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.text-solid {padding-bottom:2px;border-bottom: 1px solid #dddddd;}
.text-dashed {padding-bottom:2px;border-bottom: 1px dashed #dddddd;}
.text-dotted {padding-bottom:2px;border-bottom: 1px dotted #dddddd;}

.text-solid1 {padding-bottom:2px;border-bottom: 1px solid #cccccc;}
.text-dashed1 {padding-bottom:2px;border-bottom: 1px dashed #cccccc;}
.text-dotted1{padding-bottom:2px;border-bottom: 1px dotted #cccccc;}


.main-text-underline {
border-color: black black #999999; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
}

.main-text-dashed {
padding-bottom:2px;border-color: black black #999999; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
}


.box {
    padding:4px;
    border: 1px solid #cccccc;

	
}

.buttonbox {
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: normal;
	padding:10px;
	margin:10px;
    border: 1px solid #999999;
}

.imgbox {
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: normal;
    border: 1px solid #DDDDDD;
	padding:3px;
	margin:5px;
}
.imgnobox {
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	letter-spacing: normal;
	padding:0px;
	margin:15px;
}

.main-text {
	color: #3399CC;
}

.main-text-small {
	font-size: 9px;
	color: #BBBBBB;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	letter-spacing: normal;
}



.main-text2 {
	color: #FF6699;
}
.main-header {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #666666;
	letter-spacing: normal;
	}

.main-header-small {

	font-size: 10px;
	font-weight: bold;
	color: #535353;
	letter-spacing: normal;
	}

.main-header-product {
	font-size: 11px;
	font-weight: bold;
	color: #808387;
	letter-spacing: normal;
	}	
	
/* TDݩ*/
.cover img{  padding:2px; border:1px solid #999; background:#fff; margin:0 5px;}
.cover img:hover{padding:2px; border:1px solid #999; background:#fff; margin:0 5px;}

.maintable {border: 1px solid #dddddd;}


.tableline-d {
	color: #999999;border: dashed; border-width: 0px 0px 1px; border-color: black black #DDDDDD}
	
.tableline-s { 
	color: #999999;border: solid; border-width: 0px 0px 1px; border-color: black black #DDDDDD}

.tableline-w { 
	color: #999999;border: dotted; border-width: 0px 0px 1px; border-color: black black #DDDDDD}

/* */


.main-header2 {
	font-family: "Lucida Grande", "Verdana", "sans-serif";
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	letter-spacing: -1px;
	word-spacing: normal;
	}
	
.text-big {
	font-family: "Lucida Grande", "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
}

.text-36-orange {
	font-family: "Lucida Grande", "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
	color: #FF6600;
}

.footer-navigation {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", "tahoma";
	font-size: 10px;
	color: #999999;
	list-style-position: inside;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}

/* Ϥcss*/
#cycle{
	width:1170px;
	height:650px;
	overflow:hidden;
	position:relative;
	margin-bottom:0px;
}

#cycle .btnNext, #cycle .btnPrev{
	position:absolute;
	top:174px;
	z-index:10;
}

#cycle .btnNext{
	right:0;
}

#cycle .btnPrev{
	left:0;
}

#cycle .btnNext a, #cycle .btnPrev a{
	width:50px;
	height:102px;
	display:block;
	position:relative;
}

#cycle .bg{
	width:50px;
	height:102px;
	display:block;
	background:#FFFFFF;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	filter: alpha(opacity=0);
	opacity:0;
}

#cycle .btnNext a .arrow, #cycle .btnPrev a .arrow{
	width:22px;
	height:33px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	z-index:2;
	left:14px;
	top:34px;
}

#cycle .btnNext a .arrow{
	background:url() no-repeat;
}

#cycle .btnNext a:hover .bg, #cycle .btnPrev a:hover .bg{
	filter: alpha(opacity=70);
	opacity:0.70;
}

#cycle .btnPrev a .arrow{
	background:url() no-repeat;
}

#cycle .btnNext a:hover .bg, #cycle .btnPrev a:hover .bg{
	display:block;
}

#cycle #pager{
	position:absolute;
	bottom:15px;
	right:15px;
	z-index:999;
}

#cycle #pager li{
	float:left;
	list-style:none;
}

#cycle #pager li a{
	width:25px;
	height:8px;
	background:url() no-repeat center top;
	text-indent:-9999px;
	display:block;
}

#cycle #pager a:hover, #cycle #pager li.current a{
	background:url() no-repeat center bottom;
}

/* Generated by PURE CSS Menu Maker (cssmenu.com). This file may be modified freely. */


#cm-nav li a.arrow {background-image: url(arrow-right.gif)}

ul#cm-nav ,
ul#cm-nav ul {
 border-bottom: black 1px solid;
 list-style-type: none;
 margin: 0px;
 list-style-image: none;
 border-right: black 1px solid;
 padding: 0px
}

ul#cm-nav li {
 position: relative;
 list-style-type: none;
 margin: auto;
 list-style-image: none;
 padding: 0px
}

ul#cm-nav li li {
 width: auto;
 float: none
}

#cm-nav a {
 text-align: left;
 border-left: black 1px solid;
 display: block;
 font-family: verdana;
 white-space: nowrap;
 background: #d6d5f0;
 font-size: 9pt;
 border-top: black 1px solid;
 text-decoration: none;
 padding: 5px
}

#cm-nav a:focus {
 outline-style: none;
 outline-color: invert;
 outline-width: medium
}

#cm-nav a.no-click {cursor: default}

#cm-nav > li > a ,
#cm-nav > li > a.arrow {padding-right: 4px}

.arrow-pad#cm-nav > li > a ,
#cm-nav ul.arrow-pad > li > a {padding-right: 11px}

#cm-nav li a.arrow ,
#cm-nav > li > a.arrow {
 background-repeat: no-repeat;
 background-position: right 50%
}

#cm-nav li:hover > a {color: white}

#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
 z-index: 999;
 position: absolute;
 display: none
}

#cm-nav li:hover ul ,
#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul ,
#cm-nav li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li li:hover ul ,
#cm-nav li li li li li li li li li li li li li li li li li li li li li:hover ul {
 display: block;
 margin-left: 100%
}

#cm-nav ul ul {margin-left: 0px}

#cm-nav ul {
 top: 0px;
 left: 0px
}

#cm-nav a {border-color: transparent}

#cm-nav a {color: #9c9c9c}

#cm-nav li:hover > a {background-color: #666666}

#cm-nav a {background-color: #f6f6f6}


/* 照片輪播 */

/* flexslider */
.flexslider{position:relative;height:auto;overflow:hidden;padding:0px;}
.slides{position:relative;z-index:1;}
.slides li{height:auto;}
.slides li a{ display:block; width:1170px; height:650px; text-align:left; text-indent:-9999px}
.slides li a{ display:block;text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2s;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:05px;*display:inline;zoom:1;}
.flex-control-nav a{display:none;width:14px;height:14px;line-height:40px;overflow:hidden;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(/images/prev3.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(/images/next3.png) center center no-repeat;}