/********************** 表頭選單 CSS ***************************/
a.hln         {  font-family:arial,新細明體;text-decoration: none; }

a.hln:link    {  color:#ffffff; text-decoration: none; }

a.hln:visited {  color:#ffffff; text-decoration: none; }

a.hln:hover   {  color:#ffff00; text-decoration: none; }
 
 /************************ 推薦分類 ****************************/

.special-heading { font-weight:bolder; font-size:9pt; color:#000080;font-family:"MS Sans Serif",arial; }

.special-table   { border:solid 1; border-color:#cccccc; font-family:arial;}

.special-table td   { font-family:arial;}

.special-td      { border-top:solid 1; border-color:#cccccc; padding:2; }

a.special-link   { color: #416898; text-decoration: none; font-family:"MS Sans Serif",arial; font-weight:bold; }

a.special-link:link    { color: #416898; text-decoration: none;}

a.special-link:visited { color: #416898; text-decoration: none;}

a.special-link:hover   { color: #cc0033; text-decoration: underline;}

a.special-more:link    { color: #416898; text-decoration: none;}

a.special-more:visited { color: #416898; text-decoration: none;}

a.special-more:hover   { color: #cc0033; text-decoration: underline;}



 /************************ 會員登錄模組 ****************************/
.memlogin-tb           {BORDER:#cccccc SOLID; BORDER-WIDTH:0 0 1px 1px; }

.memlogin-td1     {border:#cccccc solid; border-width:0 1px 1px 0; }

.memlogin-td2     {border:#cccccc solid; border-width:0 1px 0 0; }

.memlogin-td3     {border:#cccccc solid; border-width:0 1px 0 0; }

.memlogin-text   {font-size:9pt; color:#000000; border:#CCCCCC solid; border-width: 0 0 0 0;}

.memlogin-input  {border:1 #000000 solid; background:#ff0f0; color:#666666; height:20px;}

.memlogin-button   {border:1 #000000 solid; background-color:transparent;width:48pt;height:18pt;}

a.memlogin-link:link    { COLOR: #5687c8; TEXT-DECORATION: none }

a.memlogin-link:visited { COLOR: #5687c8; TEXT-DECORATION: none }

a.memlogin-link:hover   { COLOR: #cc0033; TEXT-DECORATION: underline }

  

 /************************ 會員登錄 ****************************/

.login-td1 { background:#3a6ea5; text-align:center; font-weight:bolder; color:#F3F3F3; font-size:11pt; }

.login-td2 { border:solid 1; border-color:#3a6ea5; }

.login-tip     { font-size:9pt; color:#000000; }

.login-msg     { font-size:9pt; color:red; }

.login-text    { font-size:9pt; color:#000000; font-weight:bolder; }

.login-button   { border:1 #aaaaaa solid; background-color:#f0f0f0;width:60pt;height:18pt;}
 

.desc-style {
  font-family: 標楷體,細明體;
  font-size: 11pt ;
  font-weight: bolder ;
  font-style: normal ;
  color: blue ;
}

.cust_bp_qa {
	font-size:10pt;
	font-weight: bold;
	color: #BC2434;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 18px;
	text-decoration: blink;
	text-decoration: none;
}
a.cust_bp_qa:link {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:10pt;
	line-height: 18pt;
	color: #BC2434;
	text-decoration: none;
}
a.cust_bp_qa:visited {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:10pt;
	line-height: 18pt;
	color: #BC2434;
	text-decoration: none;
}
a.cust_bp_qa:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:10pt;
	line-height: 18pt;
	color: #ad9a89;
	text-decoration: none;

}
a.cust_bp_qa:active {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size:10pt;
	line-height: 18pt;
	color: #BC2434;
	text-decoration: none;
}

.cust_bp_box {
  font-weight:bold;
  height: 30px;
  margin-left: 10px;
  margin-top: 14px;
}

.cust_oem1 {
  float:left;
  font-size: 11pt;
  color: #666;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  padding-left: 36px;
}

.cust_bp1 {
  float:left;
  font-size: 11pt;
  color: #666;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  width:131px;
  text-align:right;
}

.cust_bp2 {
  float:left;
  font-size: 11pt;
  color: red;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  width:70px;
  text-align:right;
  padding-right: 10px;
}

.cust_bp3 {
  float:left;
  font-size: 11pt;
  color: #666;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  width:300px;
  text-align:left;
}

.cust_bp4 {
  float:left;
  font-size: 10pt;
  color: #666;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  width:350px;
  text-align:left;
  margin-left: 33px;
}

.module-border {border: solid 1; border-color: #CCC;}

.old_price_left {font-size: 9pt;font-family: 新細明體;color: black;}
.old_price_right {
  font-family: 新細明體;
  font-size: 9pt;
  color: black;
  text-decoration: line-through;
}
.new_price_left {font-size: 9pt;font-family: 新細明體;color: green;}
.new_price_right {
  font-family: 新細明體;
  font-size: 9pt;
  color: green;
}

.reset_css {
  line-height: 18px;
  font-family: arial;
  font-size: 9pt;font-weight:normal;list-style:none;font-style:normal;text-decoration:none;
  color:black;
  margin:0;padding:0;
}

.submenu_css {
  display: none;
  position: absolute;
  cursor: pointer;
}

.submenu_out {
  font-family:"新細明體;",arial; font-weight:normal; font-size:12pt;
  cursor: pointer;
  width:220px;
  color:black;background:rgb(239,239,239);;
  border:1 rgb(207,207,207) solid;
}

.submenu_over {
  font-family:"新細明體;",arial; font-weight:bold; font-size:12pt;
  cursor: pointer;
  width:220px;
  color:red;background:silver;
  border:1 rgb(207,207,207) solid;
}

.menusel_out {
  font-family:"新細明體;",arial; font-weight:normal; font-size:14pt;
  cursor: pointer;
  color:#416898;background:rgb(239,239,239);
  border:1 rgb(207,207,207) solid;
}

.menusel_over {
  font-family:"新細明體;",arial; font-weight:bold; font-size:14pt;
  cursor: pointer;
  color:red;background:silver;
  border:1 rgb(207,207,207) solid;
}

a.kindlink   { size:12pt;color: #416898; text-decoration: none; font-family:"新細明體",arial; font-weight:normal; }

.kindlist-table {
  width: 100%;
  height: 100%;
  background-color: white;
  position: relative;
  top: -3px;
  left: -3px;
  padding: 8px;
  border: 1px #DDD solid;
}

a.kindname {
  color: rgb(127,127,127);
  font-size: 10pt;
  font-weight:bolder;
  font-family: Arial;
  TEXT-DECORATION: none;
}


 /************************ 加入會員 ****************************/
.custadd-table {
font-size:11pt;
}

.custadd-word {
height: 22;
font-weight: bolder;
color: black;
text-align: right;
}

.custadd-explain {
height: 22;
color: #505050;
font-size: 10pt;
vertical-align: middle;
}

.custadd-button {
width: 90px;
height: 25px;
}

.auth1-td{
font-size:10pt;
color:#505050;

}

 /************************ 討論區 ****************************/
.forum-table {
font-size:11pt;
background-color: #EBEBEB;
top: 3px;
left: 3px;
padding: 8px;
border: 1px #DDD solid;
height: 500;
}

.forum-table-l {
width: 100%;
height: 100%;
font-size:11pt;
background-color: white;
}

.forum-table-r {
width: 100%;
font-size:10pt;
background-color: white;
}

.forum-table-r2 {
width: 100%;
font-size:11pt;
border: 1px #DDD solid;
}

.forum-table-r3 {
width: 95%;
font-size:11pt;
background-color: white;
}
.forum-table-r4 {
width: 98%;
font-size:11pt;
}
.forum-table-r5 {
width: 90%;
font-size:11pt;
color:red;
}

.forum-left {
height: 25;
text-align: left;
color: #505050;
}

.forum-filed {
height: 22;
font-weight: bolder;
color: black;
text-align: center;
font-size:11pt;
background-color: #DFDFDF;
}
.forum-word {
height: 22;
font-weight: bolder;
color: black;
text-align: left;
font-size:10pt;
}

.forum-page{
font-size: 10pt;color:#414141;text-align:right;
}

.forum-button {
font-size:10pt;
height: 23px;
color: #414141;
}

.forum-ans-dat {
font-size:10pt;
color: #8080FF;
}
.forum-ans-desc {
font-size:11pt;
color: #414141;
}



a.forum-link    { font-weight: bolder;color:#416898; text-decoration: none;font-family: "MS Sans Serif", Geneva, sans-serif; }
a.forum-link:link    { color:#416898; text-decoration: none; }
a.forum-link:visited { color:#416898; text-decoration: none; }
a.forum-link:hover   { color:#ff3300; text-decoration: underline; }

a.forum-p {  color:#8080FF;font-family:arial,新細明體;text-decoration: none;font-size: 11pt; }
a.forum-p:link    {  color:#414141; text-decoration: none; }
a.forum-p:visited {  color:#414141; text-decoration: none; }
a.forum-p:hover   {  color:#8000FF; text-decoration: none; }


 /************************ 聯絡我們 ****************************/
.tome-table {
font-size:11pt;
}

.tome-word {
height: 22;
font-weight: bolder;
color: black;
text-align: right;
}

.tome-explain {
height: 22;
color: #505050;
font-size: 10pt;
vertical-align: middle;
}

.tome-button {
font-size:10pt;
height: 25px;
color: #414141;
}

.auth1-td{
font-size:10pt;
color:#505050;
}

.filelist-sort{
  float:left;
  background:#646464;
  margin: 5px 5px 5px 5px;
  padding: 5px;
  font-size:10pt;
  color: rgb(50,50,50);
  text-align: center;
  overflow:hidden;
  text-overflow:ellipsis;
  width:167px;
  height:167px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  border-style: inset;
  border-width:2px;
}

.filelist-sort1{
  float:left;
  background:url('../front/images/new/photostore2.png');
  width:96px;
  height:110px;
  margin-left: 3px;
  margin-right: 3px;
}

.filelist-sort2{
  position: relative;
  width:96px;
  height:110px;
}

.filelist-sort1-selected img{
  filter:Alpha(Opacity=40);opacity:0.4;
}

.photo-selected{
  filter:Alpha(Opacity=60);opacity:0.6;
}

.upload-note1{
  font-size:10pt;
  color:red;
}

/* 2012/8/22 改成移動時顯示整張相片 */
.photo-hover {
  background:blue;
  -webkit-filter:brightness(-0.8);
  -moz-filter: brightness(-0.8); 
}
/* 2012/8/22 改成移動時顯示整張相片...end */

.photo-hover-s {
  background:blue;
  -webkit-filter:brightness(-0.8);
  -moz-filter: brightness(-0.8); 
  filter:Alpha(Opacity=100);opacity:1 !important;
}

.move-hover {
  outline-style:dotted;
  outline-width:2px;
  outline-color:rgb(255,153,0);
}

.move-active {
  outline-style:solid;
  outline-width:5px;
  outline-color:rgb(0,204,0);
  filter:Alpha(Opacity=50);opacity:0.5;
}

.move-over {
  cursor:pointer !important;
}

.photo-out {
  background:blue;
  filter:Alpha(Opacity=10);opacity:0.1;
}

.store-div-cls {
  position: absolute;
  left: 78px;
  top: 55px;
  height: 114px;
  width:918px;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 0px solid #EEE;
}

.filelist-div-cls {
  background:#D0D0D0;
  height:152px;
  overflow-x:hidden;
  overflow-y:scroll;
  border: 2px solid #EEEEEE;
  border-style: inset;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.styleall-tb {
  border: 1px #B0B0B0 solid;
  border-width: 1px 3px 2px 1px;
  background:#FFFF99;
}


/* 版型移動後預製的移入位置框 */
.style-highlight {
  list-style-type:none;
  float:left;
  background:#940000;
  margin:6px;
}
.style-tb {background: #F9FFEC;font-size: 10pt; color:#087A9E;}

.style-default {
  border: 0;
}

.stylelist_r{
  float:right;
  background:#646464;
  margin: 5px 5px 5px 5px;
  padding: 2px;
  font-size:10pt;
  color: rgb(50,50,50);
  text-align: center;
  overflow:hidden;
  text-overflow:ellipsis;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  border-style: inset;
  border-width:2px;
}

.style_use_a{
  background:red !important;
}
.style_use_l{
  background:red !important;
}
.style_use_r{
  background:red !important;
}

.rotate_0 {
  -moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.rotate_90 {
  -moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}	
.rotate_180 {
  -moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.rotate_270 {
  -moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.size_warning {
  background:url('../front/images/alert1.png') no-repeat;
  position: absolute;
  left:39%;
  top:39%;
  width:90px;
  height:90px;
  z-index:950;
  background-size:90px;
}

.size_warning_s {
  background:url('../front/images/alert1.png') no-repeat;
  position: absolute;
  left:36%;
  top:36%;
  width:20px;
  height:20px;
  z-index:950;
  background-size:20px;
}

._creative {
  border:1;
  position:absolute;
  width:150px;
  height:150px;
  z-index:900;
}

._custtext {
  border:1;
  position:absolute;
  z-index:901;
}


.ftab {border:1px}
.ftab_hd{border:1px #585858 solid;border-width:1px 0px 0px 1px; height:20px;font-weight:bold;color:black; background-image:url(../front/images/ftab_hd_bg.gif)}
.ftab_val1 {
  border: 1px #585858 solid;
  border-width: 1px 0px 0px 1px;
  background: #8d8d8d;
  height: 20px;
  color:black;
  cursor: pointer;
}
.ftab_val1_sel {
  background:#333333 !important;
  color:#E9E9E9 !important;
  cursor:auto !important;
}

.creativelist{
  float:left;
  text-align: center;
  overflow:hidden;
  text-overflow:ellipsis;
  width:65px;
  height:65px;
  padding-right:1px;
  padding-left:1px;
  cursor:pointer;
}

.creativelist-div-cls {
  background:#D0D0D0;
  overflow-x:hidden;
  overflow-y:scroll;
  border: 2px solid #EEEEEE;
  border-style: inset;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.ui-selectable-helper { position: absolute; z-index: 950 !important; border:1px dotted black; }





.base {
  position: relative;
  background:url('../front/images/new/base.png');
  background-repeat: no-repeat;
  width:1075px;
  height:750px;
}

.left-top-btn{
  position: absolute;
  left:20px;
  top:15px;
  z-index: 100;
}

.left-top-btn1{
  float:left;
  padding-left:2px;
  padding-right:2px;
}

.right-top-btn {
  position: absolute;
  left:1015px;
  top:15px;
  z-index: 100;
}

.right-top-btn1 {
  float:left;
  padding-left:2px;
  padding-right:2px;
}

.btnatv {
  cursor:pointer;
}

.base1_cont {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:white;
  position: absolute;
  width:600px;
  height:600px;
  font-size:14px;
  font-weight:bold;
  left:250px;
  top:90px;  
} 

.base1note {
  padding-top:2px;
}

.inputcls {
  font-family: 細明體;
  font-size: 12px ;
  border: 1px solid #000;
  padding: 3px 7px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  outline: none;
}

.right-bottom-btn {
  position: absolute;
  left:960px;
  bottom:15px;
  z-index: 100;
}

.right-bottom-btn1 {
  float:left;
  padding-left:2px;
  padding-right:2px;
}

.next-btn {
  position: absolute;
  display:none;
  left: 390px;
  top: 300px;
  z-index: 1000;
}

.next-btn1 {
  position: absolute;
  left: 105px;
  top: 60px;
}

.base {
  display:none;
}

.base_back {
  position: relative;
  width:1075px;
  height:750px;
}

.base_back_preview {
  position: relative;
  width:1075px;
  height:750px;
  overflow:hidden;
}

.base_mask {
  position: absolute;
  background:url('../front/images/new/base-mask1.png');
  display:none;
  z-index:999;
  left:0px;
  top:0px;
  width:1075px;
  height:750px;
}

.base_mask1 {
  position: absolute;
  background:url('../front/images/new/base-mask1.png');
  display:none;
  z-index:9998;
  left:0px;
  top:0px;
  width:1075px;
  height:750px;
}

.delprj-btn {
  position: absolute;
  display:none;
  left: 390px;
  top: 300px;
  z-index: 1000;
}

.delprj-btn1 {
  position: absolute;
  left: 120px;
  top: 110px;
}

.autosave {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:white;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  left: 800px;
  top: 30px;
  z-index:100;
}

.bt_rotate {
  position: absolute;
  left: 38px;
  top: 87px;
  cursor:pointer;
}

.bt-leftall {
  position: absolute;
  left: 28px;
  top: 92px;
}

.bt-left {
  position: absolute;
  left: 45px;
  top: 86px;
}

.bt-rightall {
  position: absolute;
  left: 1024px;
  top: 92px;
}

.bt-right {
  position: absolute;
  left: 996px;
  top: 86px;
}

.photo_slider {
  position: absolute;
  background:url('../front/images/new/photo-scroll.png');
  left: 78px;
  top: 160px;
  width: 924px;
  height:26px;
}

.photo_slider1 {
  position: absolute;
  left:0px;
  top:0px;
  height:15px;
  margin-top: 8px;
  margin-left: 2px;
  margin-right: 5px;
}

.photo_slider_left {
  float:left;
  background:url('../front/images/new/back_scroll3.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 10px;
  height:15px;
  cursor:pointer;
  background-position:left;
}

.photo_slider_right {
  float:left;
  background:url('../front/images/new/back_scroll3.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 10px;
  height:15px;
  cursor:pointer;
  background-position:right;
}

.photo_slider_main {
  float:left;
  background:url('../front/images/new/main_scroll3.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 60px;
  height:15px;
  cursor:pointer;
  background-position:center;
}

.menu-left {
  position: absolute;
  left: 65px;
  top: 186px;
  width:426px;
  height:44px;
  background:url('../front/images/new/menu-left.png');
}

.menu-left1 {
  position: relative;
  width:426px;
  height:44px;
  margin-left:12px;
  margin-top: 11px;
}

.menu-left-bt{
  float:left;
  padding-left:1px;
  padding-right:1px;
}

.bt-menu-mid {
  position: absolute;
  left: 480px;
  top: 192px;  
}

.bt-menu-mid2 {
  position: absolute;
  left: 515px;
  top: 192px;  
}

.menu-right {
  position: absolute;
  left: 650px;
  top: 186px;
  width:353px;
  height:45px;
  background:url('../front/images/new/menu-right1.png');
}

.menu-right1 {
  position: relative;
  width:460px;
  height:45px;
  margin-left:12px;
  margin-top: 6px;
}

.menu-right-bt{
  float:left;
}

.upload_div {
  background:url('../front/images/new/uploadbase.png');
  position: absolute;
  left: 250px;
  top: 0px;
  width:574px;
  height:750px;
  display:none;
  z-index:1000;
}

.upload_div1 {
  background:url('../front/images/new/uploadbase1.png');
  position: absolute;
  left: 17px;
  top: 110px;
  width:540px;
  height:591px;
}

.upload_num_finally {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:gray;
  font-size:12px;
  position: absolute;
  left: 27px;
  top: 20px;
  width: 428px;
}

.upload_menu {
  background:url('../front/images/new/uploadmenu1.png');
  position: absolute;
  left:46px;
  top: 50px;
  width:482px;
  height:48px;
}

.upload_bts {
  position: relative;
  width:482px;
  height:48px;
  margin-left:7px;
  margin-top:11px;
}

.upload_menu_disable {
  background:white;
  position: absolute;
  width:482px;
  height:48px;
  left:0px;
  top:0px;
  filter:Alpha(Opacity=0.1);opacity:0.01;
  z-index: 999;
  display:none;
}

.bt_upload{
  float:left;
}

.upload-right-top {
  position: absolute;
  left: 515px;
  top: 15px;
}

.upload-msg1 {
  position: absolute;
  left: 50px;
  top: 25px;
}

.upload-msg2 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size: 14px;
  color:white;
  position: absolute;
  left:170px;
  top: 35px;
}

.upload-msg3 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size: 14px;
  color:white;
  position: absolute;
  left:310px;
  top: 35px;
}

.upload-msg4 {
  position: absolute;
  left: 57px;
  top: 99px;  
}

.upload-abort {
  position: absolute;
  left: 470px;
  top: 135px;
  z-index: 1;
}

.upload-start {
  position: absolute;
  left: 245px;
  top: 695px;
  z-index: 1;
}

.upload_v_slider {
  position: absolute;
  background:url('../front/images/new/upload-v-scroll.png');
  left: 495px;
  top: 60px;
  width: 28px;
  height: 517px;  
}

.upload_v_slider1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 28px;
  margin-top: 5px;
  margin-bottom: 2px;  
}

.upload_v_slider_up {
  background:url('../front/images/new/upload-v-scroll-handle.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:top;
  padding-left: 1px;
}

.upload_v_slider_down {
  background:url('../front/images/new/upload-v-scroll-handle.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:bottom;
  padding-left: 1px;  
}

.upload_v_slider_main {
  background:url('../front/images/new/upload-v-scroll-handle.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:70px;
  cursor:pointer;
  background-position:center;
}

.upload_tmp {
  width: 470px;
  height: 508px;
  text-align: left;
  overflow: hidden;
  position: absolute;
  top: 65px;
  left: 27px;
}

.upload_tmp1 {
  background: white;
  width: 445px;
  height: 18px;
  padding-left: 20px;
  margin-bottom: 6px;
  text-align: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding-top: 3px;
  font-size: 12px;
  color: gray;
}

.upload_tmp_slider {
  position: relative;
  width: 465px;
  height: 100000px;
  left: 0px;
  top: 0px; 
}

.upload_num {
  float:left;
  width:100px;
}

.upload_dot {
  display:none;
  float:left;
  width:100px;
}

.upload_list {
  float:left;
  width:300px;
}

.upload_prog {
  background:#DDDDDD;
  width: 428px;
  height: 17px;
  overflow: hidden;
  position: absolute;
  top: 34px;
  left: 27px;
}

.upload_prog_bar {
  position: absolute;
  top: 0px;
  left: 0px;
  background:url('../front/images/new/upload-prog1.png') no-repeat;
  width: 428px;
  height: 17px;
  z-index:10;
}

.upload_black {
  background:black;
  width: 428px;
  height: 17px;
  position: absolute;
  top: 0px;
  left: -423px;
  z-index:1;
}

.upload_wait {
  position: absolute;
  background:url('../front/images/new/wait.gif') no-repeat;
  top: 350px;
  left: 520px;
  width: 35px;
  height: 35px;
  z-index: 99999;
  display:none;
}

.messagebox {
  position: absolute;
  top: 200px;
  left: 283px;
  background:url('../front/images/new/messagebox.png') no-repeat;
  width: 508px;
  height: 329px;
  z-index:10001;
  display:none;
}

.messagebox_ok {
  position: absolute;
  top: 275px;
  left: 380px;
}

.messagebox_cancel {
  position: absolute;
  top: 275px;
  left: 300px;
}

.messagebox_txt {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  position: absolute;
  top: 65px;
  left: 20px;
  width: 465px;
  height: 195px;
  color: gray;
  text-align: center;
  font-size: 16px;
  overflow:hidden;
}


.dlgbox_txt {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  position: absolute;
  top: 100px;
  left: 50px;
  width: 400px;
  height: 150px;
  color: gray;
  text-align: center;
  font-size: 16px;
  overflow:hidden;
}

.filemanager_div {
  background:url('../front/images/new/base-mask1.png');
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1075px;
  height: 750px;
  display:none;
  z-index:1000;
}

.bt-fmana-upload {
  position: absolute;
  left: 315px;
  top: 695px;
}

.bt-fmana-exit {
  position: absolute;
  left: 928px;
  top: 695px;
}

.fmana_menu {
  background:url('../front/images/new/fmana_menu.png');
  position: absolute;
  left:405px;
  top: 693px;
  width:212px;
  height:36px;
}

.fmana-dot {
  position: absolute;
  left: 10px;
  top: 9px;
}

.bt-fmana-selall {
  position: absolute;
  left:25px;
  top:9px;  
}

.bt-fmana-del {
  position: absolute;
  left:101px;
  top:3px;  
}

.fmana_scroll {
  position: absolute;
  background:url('../front/images/new/fmana_scroll.png');
  left: 1015px;
  top: 45px;
  width: 38px;
  height: 640px;  
}

.fmana_scroll1 {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 28px;
  margin-top: 11px;
  margin-bottom: 7px;
  margin-left: 1px;
}

.fmana_scroll_up {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:top;
}

.fmana_scroll_down {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:bottom;
}

.fmana_scroll_main {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:0px;
  cursor:pointer;
  background-position:center;
}

.fmana_list {
  position: absolute;
  left: 76px;
  top: 56px;
  width: 925px;
  height: 620px;
  overflow: hidden;
}

.fmana_list1 {
  width: 925px;
  height:123px;
}

.fmana-sort2{
  position: relative;
  width:96px;
  height:110px;
}

.fmana_list2 {
  float: left;
  background: url('../front/images/new/photostore2.png');
  width: 96px;
  height: 110px;
  margin-left: 3px;
  margin-right: 3px;
}

.fmana_move {
  position: relative;
  top: 0px; 
  overflow: hidden;
}

.img_sel {
  position: absolute;
  left: 39px;
  top: 88px;
  cursor:pointer;
}

.photoedit {
  position: absolute;
  left: 26px;
  top: 220px;
  width: 1029px;
  height: 480px;
/*  background:url('../front/images/new/photoedit.png'); */
}

.photoinfo {
  position: absolute;
  left: 26px;
  top: 480px;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:#CECECE;
  font-size:12px;
}

.photoremain {
  position: absolute;
  left: 83px;
  top: 497px;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:#CECECE;
  font-size:12px;
}

.editzone {
  width:1029px;
  height:450px;
  overflow: hidden;
  margin-top: 17px;
  position: relative;
}

.funcbox {
  position: absolute;
  left: 556px;
  top: 196px;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:#CECECE;
  font-size:12px;
}

.pagesel {
  width: 90px;
  height: 27px;
  overflow: hidden;
  background: url('../front/images/new/grad.png') no-repeat right ;
}

.pagesel select {
   background: transparent;
   width: 90px;
   padding: 5px;
   font-size: 12px;
   height: 27px;
   -webkit-appearance: none; /*for chrome*/
   border-width: 0px;
   outline: 0;
   color:#606060;
   padding-left: 8px;
}

.pagesel select[disabled] {
   filter:Alpha(Opacity=30);opacity:0.3;
}

.bt-edit-left {
  position: absolute;
  left: 40px;
  top: 0px;
}

.bt-edit-leftall {
  position: absolute;
  left: 19px;
  top: 6px;
}

.bt-edit-rightall {
  position: absolute;
  left: 35px;
  top: 7px;
}

.bt-edit-right {
  position: absolute;
  left: 0px;
  top: 0px;
}

.bt-edit-cls {
  position: relative;
  width:75px;
  height:40px;
  margin-left: -4px;
}

._photo_tool {
  display:none;
  background: url('../front/images/new/photo_tool.png') no-repeat;
  z-index:99999;
  position:absolute;
  left:0px;
  top:0px;
  width:246px;
  height:41px;
}

.photo_tool_zoomout {
  position:absolute;
  left: 10px;
  top: 11px;  
}  

.photo_tool_warr {
  position:absolute;
  left: 10px;
  top: 11px;  
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:gray;
  margin-top: 3px;
}  

.photo_tool_zoomin {
  position:absolute;
  left: 97px;
  top: 12px;
}  
.photo_tool_scroll {
  position:absolute;
  left: 25px;
  top: 16px;  
  width:74px;
  height:11px;
  background: url('../front/images/new/photo_tool_scroll.png') no-repeat;  
}

.photo_tool_scroll_handle {
  position:absolute;
  cursor:pointer;
  top: 0px;
  left:0px;   /* 0~59 */
  margin-left: -1px;
  margin-top: -3px;
  margin-right: -1px;  
}

.photo_tool_v {
  position:absolute;
  left:112px;
  top:10px;
}

.photo_tool_org {
  position:absolute;
  left: 118px;
  top: 11px;  
}

.photo_tool_v2 {
  position:absolute;
  left:170px;
  top:10px;
}

.photo_tool_del {
  position:absolute;
  left: 180px;
  top: 11px;  
}

.auto_insert {
  position: absolute;
  display:none;
  left: 312px;
  top: 212px;
  z-index: 1000;
}

.auto_insert-btn1 {
  position: absolute;
  left: 265px;
  top: 268px;
}

.auto_insert_sel {
  position: absolute;
  left: 118px;
  top: 73px;
  width: 211px;
  height: 27px;
  overflow: hidden;
  background: url('../front/images/new/auto_select.png') no-repeat right ;
}

.auto_insert_sel select {
   background: transparent;
   width: 190px;
   padding: 5px;
   font-size: 12px;
   height: 27px;
   -webkit-appearance: none; /*for chrome*/
   border-width: 0px;
   outline: 0;
   color:#606060;
   padding-left: 8px;
}

.auto_insert-x {
  position: absolute;
  left: 408px;
  top: 22px;
}

.getstyle {
  display:none;
  z-index: 1001;
  outline: 0px;
  position: absolute;
  top:0px;
  left:0px;
  overflow:hidden;
  width: 1075px;
  height: 750px;
  background:url('../front/images/new/base-mask1.png');
}

.getstyle1 {
  position: absolute;
  left: 65px;
  top: 35px;
  width: 445px;
  height: 165px;
  background: url('../front/images/new/getstyle1.png');
  padding-top: 15px;
  padding-left: 20px;
  padding-bottom: 13px;
  padding-right: 7px;
}

.getstyle2 {
  position: absolute;
  left: 528px;
  top: 35px;
  width:445px;
  height:165px;
  background:url('../front/images/new/getstyle2.png');
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 13px;
  padding-right: 20px;
}

.creativebase {
  position: absolute;
  background:url('../front/images/new/base-mask1.png');
  display:none;
  z-index:999;
  left:0px;
  top:0px;
  width:1075px;
  height:750px;
}

.creativebase1 {
  position: absolute;
  left: 430px;
  top: 225px;
  width:503px;
  height:329px;
}

.creativebase2 {
  position: absolute;
  left:0px;
  top:0px;
}

.creativelab_sel {
  background:url('../front/images/new/creativelabel11.png') !important;
  cursor: default !important;
  color:white !important;
}

.cr_lab {
  position: absolute;
  width:61px;
  height:18px;
  color: #6D182B;
  background:url('../front/images/new/creativelabel2.png');
  cursor: pointer;
}

.creative_txt {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:10px;
  margin-top: 2px;
}

.creative-x {
  position: absolute;
  left: 463px;
  top: 28px;
}

.creative_list {
  width: 435px;
  height: 270px;
  position: relative;
  margin-top: 40px;
  margin-right: 35px;
  margin-left: 20px;
  text-align: left;
  overflow:hidden;
}

.creative_list1 {
  width:425px;
  position:absolute;
  left:15px;
  top:0px;
}

.creative_skind {
  position:relative;
  width:100%;
  height:20px;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size: 10px;
  color:#242424;
  background:#D1D1D1;
  margin-bottom: 4px;
  padding-top: 4px;
  padding-left: 4px;  
}

.creative_skind1 {
  position:relative;
  width:100%;
}

.creative_scroll {
  position: absolute;
  background:url('../front/images/new/creative_scroll.png');
  left: 465px;
  top: 48px;
  width: 22px;
  height: 269px;  
  z-index:10;
}

.creative_scroll1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 22px;
}

.creative_scroll_up {
  background:url('../front/images/new/creative_scroll-handle.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 22px;
  height:20px;
  cursor:pointer;
  background-position:top;
}

.creative_scroll_down {
  background:url('../front/images/new/creative_scroll-handle.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 22px;
  height:20px;
  cursor:pointer;
  background-position:bottom;
}

.creative_scroll_main {
  background:url('../front/images/new/creative_scroll-handle.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 22px;
  height:0px;
  cursor:pointer;
  background-position:center;
}

.bt-creative-del {
  height: 14px;
  width: 15px;
  cursor: pointer;
  top:0px;
  position: absolute;
  right:0px;
  display:none;
  z-index:9999;
}

.creative-dot-left {
  height: 5px;
  width: 5px;
  top:50%;
  position: absolute;
  left:-3px;
  display:none;
  z-index:9999;
}

.creative-dot-right {
  height: 5px;
  width: 5px;
  top:50%;
  position: absolute;
  right:-3px;
  display:none;
  z-index:9999;
}

.creative-dot-top {
  height: 5px;
  width: 5px;
  top:-3px;
  position: absolute;
  left:50%;
  display:none;
  z-index:9999;
}

.creative-dot-bottom {
  height: 5px;
  width: 5px;
  bottom:-3px;
  position: absolute;
  left:50%;
  display:none;
  z-index:9999;
}

.creative-dot-lt {
  height: 5px;
  width: 5px;
  left:-3px;
  position: absolute;
  top:-3px;
  display:none;
  z-index:9999;
}

.creative-dot-rt {
  height: 5px;
  width: 5px;
  right:-3px;
  position: absolute;
  top:-3px;
  display:none;
  z-index:9999;
}

.creative-dot-lb {
  height: 5px;
  width: 5px;
  left:-3px;
  position: absolute;
  bottom:-3px;
  display:none;
  z-index:9999;
}

.creative-dot-rb {
  height: 5px;
  width: 5px;
  right:-3px;
  position: absolute;
  bottom:-3px;
  display:none;
  z-index:9999;
}

.creative_border {
  outline-style: none;
  outline-color: #FA8954;
  outline-width: 2px;
}

._creative:hover .bt-creative-del {
  display:block;
}

._creative:hover .creative-dot {
  display:block;
}

._creative:hover .creative_border {
  outline-style: dotted;
}

._custtext:hover .bt-creative-del {
  display:block;
}

._custtext:hover .creative-dot {
  display:block;
}

._custtext:hover .creative_border {
  outline-style: dotted;
}

#rangebox {
  position:absolute;
  left:0px;
  top:0px;
  border-style: solid;
  z-index:10;
}

.bts_style_left {
  position: absolute;
  left:38px;
  top:53px;
  width:30px;
  height:150px;
}

.stylegroup1 {
  float:left;
  padding-top: 2px;
}

.bts_style_right {
  position: absolute;
  left:1008px;
  top:53px;
  width:30px;
  height:150px;
}

.stylegroup2 {
  float:left;
  padding-top: 2px;
}

.stychexit {
  position: absolute;
  left:870px;
  top:700px;
}

.stychok {
  position: absolute;
  left:960px;
  top:700px;
}

.stychedit {
  position: absolute;
  left: 26px;
  top: 220px;
  width: 1029px;
  height: 480px;
  background:url('../front/images/new/photoedit.png'); 
}

.stychzone {
  width: 950px;
  height: 435px;
  overflow: hidden;
  margin-top: 25px;
  margin-left: 20px;
  margin-right: 59px;
  position: relative;
}

.stychzone1 {
  position:absolute;
  width: 950px;
}

.stych {
  position: relative;
  float:left;
  border-style:solid;
  border-width:8px;
  border-bottom-width: 20px;
  border-color:transparent;  
}

.showstyleall {
  position: relative;
  float:left;
  border-style:solid;
  border-width:8px;
  border-bottom-width: 22px;
  border-color:transparent;  
}

.styatv {
  cursor:pointer;
}

.stychsel {
  border-color:#940000 !important;  
}

.stychtab {
  border-width: 0px 3px 2px 0px;
  border-color: #818181;
  border-style: solid;
}

.stylock {
  background:black;
  position: absolute;
  z-index: 30;
  filter:Alpha(Opacity=70);opacity:0.7;
  left:3px;
  top:3px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;  
}

.disable_left {
  background:black;
  position: absolute;
  z-index: 30;
  filter:Alpha(Opacity=70);opacity:0.7;
  left: 35px;
  top: 40px;
  width: 502px;
  height: 185px;  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;  
}

.disable_right {
  background:black;
  position: absolute;
  z-index: 30;
  filter:Alpha(Opacity=70);opacity:0.7;
  left: 538px;
  top: 40px;
  width: 502px;
  height: 185px;  
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;  
}

/* 選擇樣板 */
.stylelist{
  float: left;
  background: #6B6B6B;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-style: inset;
  border-width: 1px;
  border-color: #6D182B;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  cursor:pointer;
}

.tempcode {
  display:none;
}

.editzone1 { 
  width: 950px;
/*  height: 445px;*/
  overflow: hidden;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 59px;
  position: absolute;
}

._movestyle_atv {
  border-color: rgba(148,0,0,0.4) !important;  
  cursor:move;
}

.moveedit {
  position: absolute;
  left: 26px;
  top: 20px;
  width: 1025px;
  height: 670px;
}

.movezone {
  width: 980px;
  height: 660px;
  overflow: hidden;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 40px;
  margin-bottom: 5px;
  position: relative;
}

.movezone1 {
  position:absolute;
  width: 980px;
}

.stymovlock {
  background:black;
  position: absolute;
  z-index: 30;
  filter:Alpha(Opacity=70);opacity:0.7;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;  
  left: -3px;
  top: -3px;
}

._pagechange {
  border-width:0px;  
}

._pagechange:hover {
  outline-style:solid;
  outline-width:5px;
  outline-color:#940000;
  cursor:move; 
  z-index:9999;
}

._movestyle_dis {
  border-color: rgba(148,0,0,0) !important;  
}

.disborder {
  outline-style:none !important;
}

/* Color Picker */
#_colorpicker {
  z-index:999999;
  display:none;
  padding: 2px;
  left: 10px;
  top: 0px;
  position: absolute;
  width: 220px;
  border: 1px solid #A8A8A8;
  background-color: rgb(236, 236, 236);
}  

#_colorpicker_show1 {  
  width:50px;
  height:25px;
  float:left;
  background:red;
}

#_colorpicker_show2 {
  width:60px;
  height:18px;
  float:left;
  margin-left:5px;
  color:black;
  border-width:1px;
  border-color:#8B5503;
  border-style:solid;
  margin-top:1px;
  font-family:Courier;
  font-weight:bold;
  font-size:12px;
  padding-top:3px;
  padding-left:3px;
}

#_ColorList {
  position:relative;
  text-align:left;
  background:black;
  width: 100%;
  height: 132px;
  padding-top: 1px;  
}

.__colorblock {
  cursor:pointer;
  height:10px;
  width:10px;
  display:block;
  float:left;
  margin-right: 1px;
  margin-bottom: 1px;
}

.__colorblock:hover {
  outline-color: white;
  outline-style: solid;
  outline-width: 1px;
}
/* Color Picker */

._text_mask {
  cursor:pointer;
}

._text_mask_s {
}

.textbase {
  position: absolute;
  background:url('../front/images/new/base-mask1.png');
  display:none;
  z-index:999;
  left:0px;
  top:0px;
  width:1075px;
  height:750px;
}

.textbase1 {
  position: absolute;
  left: 350px;
  top: 200px;
  width:467px;
  height:356px;
  background:url('../front/images/new/text-back.png');
}

.textbase-x {
  position: absolute;
  left: 428px;
  top: 15px;
}

.textbase_ok {
  position: absolute;
  top: 300px;
  left: 370px;
}

.textbase_cancel {
  position: absolute;
  top: 300px;
  left: 290px;
}

.textbase_input {
  position: absolute;
  left:36px;
  top:65px;
}

.text_0 {
  resize: none;
}

.textbase_clr {
  position: absolute;
  left:390px;
  top:30px;
  background:#000000;
  cursor:pointer;
}

.fontsizesel {
  position: absolute;
  left:315px;
  top:28px;
  width: 64px;
  height: 39px;
  overflow: hidden;
  background: url('../front/images/new/fontsizesel.png') no-repeat right ;
}

.fontsizesel select {
  background: transparent;
  width: 64px;
  padding: 5px;
  font-size: 12px;
  height: 39px;
  -webkit-appearance: none; /*for chrome*/
  border-width: 0px;
  outline: 0;
  color:#606060;
  padding-left: 8px;
  cursor:pointer;
}

.fontsizesel select[disabled] {
   filter:Alpha(Opacity=30);opacity:0.3;
}

.text-align-right {
  position: absolute;
  left:103px;
  top:32px;
}

.text-align-mid {
  position: absolute;
  left:129px;
  top:32px;
}

.text-align-left {
  position: absolute;
  left:155px;
  top:32px;
}

.text-dir1 {
  position: absolute;
  left:45px;
  top:236px;
}

.text-dir2 {
  position: absolute;
  left:106px;
  top:236px;
}

.text-dir3 {
  position: absolute;
  left:200px;
  top:236px;
}

.text-dira1 {
  position: absolute;
  left:62px;
  top:237px;
}

.text-dira2 {
  position: absolute;
  left:123px;
  top:237px;
}

.text-dira3 {
  position: absolute;
  left:217px;
  top:237px;
}

.text-dirb1 {
  position: absolute;
  left:45px;
  top:255px;
}

.text-dirb2 {
  position: absolute;
  left:105px;
  top:255px;
}

.text-dirb3 {
  position: absolute;
  left:198px;
  top:255px;
}

.fontlist {
  position: absolute;
  left: 200px;
  top: 65px;
  width:100px;
  border-style: solid;
  border-color:#7A99C5;
  background: white;
  border-width: 1px;
  overflow-y: auto;
  overflow-x: hidden;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  display:none;
}

.fontlist1 {
  padding:1px;
  cursor:pointer;
}

.fontlist1:hover {
  padding:1px;
  background:#E2E2E2;
}

#fontlist {
  position: absolute;
  left: 190px;
  top: 34px;
  background: url('../front/images/new/fontlist2.png') no-repeat right;
  cursor: pointer;
  width: 125px;
  height: 28px;
  text-align:left;
}

.txtsize_warning {
  background:url('../front/images/alert2.png') no-repeat;
  position: absolute;
  left:3px;
  top:3px;
  width:45px;
  height:45px;
  z-index:950;
  background-size:45px;
}

#magnifier {
  z-index: 950;
  border:0px;
  overflow: hidden;
  position: relative;
  width: 289px;
  height: 219px;
  float: left;
  background: #555756;
}


#zoomarea {
  position: absolute;
}

.magnifier_img {
  position: absolute;
  left:300px;
  top:8px;
}

.setpageno_img {
  position: absolute;
  left:206px;
  top:11px;
}

.setpage-dot {
  position: absolute;
  left: 190px;
  top: 9px;
}

.zoommask {
  position: absolute;
  left:0px;
  top:0px;
  background:transparent;
  z-index:910; 
  cursor:none;
}

#magnshell {
  pointer-events: none;
  position: absolute;
  display: none;
  width: 290px;
  height: 290px;
  z-index: 10000;
/*  border-radius: 150px; 
  background: black; */
}  

.maskimg {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 999;
}

.txtempty {
  outline-color: #292929;
  outline-style: dotted;
  outline-width: 2px;
  filter:Alpha(Opacity=30);opacity:0.3;
  background:#e5e5e5;
}

.txtempty:hover{
  outline-color: #90324a;
  filter:Alpha(Opacity=50);opacity:0.5;
}

.txthover:hover {
  outline-color: #90324a;
  outline-style: dotted;
  outline-width: 2px;
  filter:Alpha(Opacity=50);opacity:0.5;
  background:gray;
}

.txtempty_s {
  outline-color: #292929;
  outline-style: dotted;
  outline-width: 2px;
  filter:Alpha(Opacity=50);opacity:0.5;
  background:#e5e5e5;
}

.editzone_scroll {
  position: absolute;
  left: 980px;
  top: 10px;
  width: 38px;
  height: 460px;  
}

.editzone_scroll1 {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 28px;
  margin-top: 11px;
  margin-bottom: 7px;
  margin-left: 1px;
}

.editzone_scroll_up {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:top;
}

.editzone_scroll_down {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:bottom;
}

.editzone_scroll_main {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:0px;
  cursor:pointer;
  background-position:center;
}

.editzone_scroll1 {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 28px;
  margin-top: 11px;
  margin-bottom: 7px;
  margin-left: 1px;
}

.editzone_scroll_back_up {
  background:url('../front/images/new/fmana_scroll.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:top;
}

.editzone_scroll_back_down {
  background:url('../front/images/new/fmana_scroll.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:bottom;
}

.editzone_scroll_back_main {
  background:url('../front/images/new/fmana_scroll.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:420px;
  cursor:pointer;
  background-position:center;
}

.movezone_scroll {
  position: absolute;
  left: 980px;
  top: 10px;
  width: 38px;
  z-index: 999;
}

.movezone_scroll1 {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 28px;
  margin-top: 11px;
  margin-bottom: 7px;
  margin-left: 1px;
}

.movezone_scroll_up {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:top;
}

.movezone_scroll_down {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:bottom;
}

.movezone_scroll_main {
  background:url('../front/images/new/fmana_scroll-handle1.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:0px;
  cursor:pointer;
  background-position:center;
}

.movezone_scroll1 {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 28px;
  margin-top: 11px;
  margin-bottom: 7px;
  margin-left: 1px;
}

.movezone_scroll_back_up {
  background:url('../front/images/new/fmana_scroll.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:top;
}

.movezone_scroll_back_down {
  background:url('../front/images/new/fmana_scroll.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:20px;
  cursor:pointer;
  background-position:bottom;
}

.movezone_scroll_back_main {
  background:url('../front/images/new/fmana_scroll.png') no-repeat;
  left: 0px;
  top: 0px;
  width: 28px;
  height:605px;
  cursor:pointer;
  background-position:center;
}

.base3_cont {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  position: absolute;
  width:1013px;
  height:695px;
  font-size:14px;
  font-weight:bold;
  left:36px;
  top:28px;
  background:url('../front/images/new/debug.png') no-repeat;
  z-index:1000;  
} 

#debug_err {
  position: absolute;
  left: 43px;
  top: 57px;
}

#debug_err_num {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#90324A;
  position: absolute;
  left: 267px;
  top: 15px;
  width: 30px;
}

#debug_back_0 {
  position: absolute;
  left: 35px;
  top: 145px;
  width: 932px;
  height:438px;
  background:url('../front/images/new/0/debug2-1.png') no-repeat;  
}

#debug_back_1 {
  position: absolute;
  left: 35px;
  top: 145px;
  width: 932px;
  height:438px;
  background:url('../front/images/new/1/debug2-1.png') no-repeat;  
}

#debug_back_2 {
  position: absolute;
  left: 35px;
  top: 145px;
  width: 932px;
  height:438px;
  background:url('../front/images/new/2/debug2-1.png') no-repeat;  
}

#debug_back_3 {
  position: absolute;
  left: 35px;
  top: 145px;
  width: 932px;
  height:438px;
  background:url('../front/images/new/3/debug2-1.png') no-repeat;  
}

#debug_back_4 {
  position: absolute;
  left: 35px;
  top: 145px;
  width: 932px;
  height:438px;
  background:url('../front/images/new/4/debug2-1.png') no-repeat;  
}

#debug_backshell {
  position: absolute;
  width: 890px;
  height: 377px;
  overflow-y: scroll;
  left: 20px;
  top: 44px;
}

.debug_data_tab {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:12px;
  border-collapse: separate;
  border-spacing: 1px;  
}

.debug_data_tab_td1{
  width:124px;
  text-align:center;
}
.debug_data_tab_td2{
  width:123px;
  text-align:center;
}
.debug_data_tab_td3{
  width:123px;
  text-align:center;
}
.debug_data_tab_td4{
  width:122px;
  text-align:center;
}
.debug_data_tab_td5{
  width:123px;
  text-align:center;
}
.debug_data_tab_td6{
  width:122px;
  text-align:center;
}
.debug_data_tab_td7{
  width:126px;
  text-align:center;
}

.debug_data_tab_tr1{
  background:#F3F3F3;
  height:28px;
}

.debug_data_tab_tr1:hover{
  filter:Alpha(Opacity=60);opacity:0.6;
  cursor:pointer;
}

.debug_data_tab_tr2{
  background: #C5C5C5;
  height:28px;
}

.debug_data_tab_tr2:hover{
  filter:Alpha(Opacity=60);opacity:0.6;
  cursor:pointer;
}

#debug_check {
  position: absolute;
  left: 355px;
  top: 580px;
  cursor:pointer;
}

#debug_check_sel {
  position: absolute;
  left: 355px;
  top: 585px;
  cursor:pointer;
}

#debug_exit {
  position: absolute;
  left: 775px;
  top: 620px;
  cursor:pointer;
}

#debug_ok_disable {
  position: absolute;
  left: 865px;
  top: 620px;
}

#debug_ok {
  position: absolute;
  left: 865px;
  top: 620px;
}

#bt-menu-v1 {
  position: absolute;
  left: 259px;
  top: 6px;
}

#bt-menu-v2 {
  position: absolute;
  left: 295px;
  top: 6px;
}

#bt-menu-right5 {
  position: absolute;
  left: 268px;
  top: 11px;

}

#bt_net1 {
  position: absolute;
  left: 424px;
  top: 61px;
  z-index: 1;  
}

#bt_net2 {
  position: absolute;
  left: 239px;
  top: 61px;
  z-index: 1;  
}

#bt_net3 {
  position: absolute;
  left: 146px;
  top: 61px;
  z-index: 1;  
}

#bt_net4 {
  position: absolute;
  left: 239px;
  top: 61px;
  z-index: 1;  
}

#bt_net5 {
  position: absolute;
  left: 332px;
  top: 61px;
  z-index: 1;  
}

.cartbase_0 { /*語系0*/
  position: relative;
  background:url('../front/images/new/0/cartbase.png');
  background-repeat: no-repeat;
  width:1075px;
  height:750px;
}

.cartbase_1 { /*語系1*/
  position: relative;
  background:url('../front/images/new/1/cartbase.png');
  background-repeat: no-repeat;
  width:1075px;
  height:750px;
}

.cartbase_2 { /*語系2*/
  position: relative;
  background:url('../front/images/new/2/cartbase.png');
  background-repeat: no-repeat;
  width:1075px;
  height:750px;
}

.cartbase_3 { /*語系3*/
  position: relative;
  background:url('../front/images/new/3/cartbase.png');
  background-repeat: no-repeat;
  width:1075px;
  height:750px;
}

.cartbase_4 { /*語系4*/
  position: relative;
  background:url('../front/images/new/4/cartbase.png');
  background-repeat: no-repeat;
  width:1075px;
  height:750px;
}

.viewsno {
  width: 305px;
  height: 28px;
  overflow: hidden;
  background: url('../front/images/new/cart-view.png') no-repeat right ;
}

.viewsno select {
   background: transparent;
   width: 290px;
   padding: 6px;
   font-size: 12px;
   height: 28px;
   -webkit-appearance: none; /*for chrome*/
   border-width: 0px;
   outline: 0;
   color:#606060;
   padding-left: 2px;
}

.showcate_no {
  width: 114px;
  height: 28px;
  overflow: hidden;
  background: url('../front/images/new/cart-showcate.png') no-repeat right ;
}

.showcate_no select {
   background: transparent;
   width: 106px;
   padding: 6px;
   font-size: 12px;
   height: 28px;
   -webkit-appearance: none; /*for chrome*/
   border-width: 0px;
   outline: 0;
   color:#606060;
   padding-left: 2px;
}

#cart1_chk1 {
  position: absolute;
  left: 675px;
  top: 626px;
  width: 326px;
  height: 36px;
  background: transparent;
  cursor:pointer;
}

#cart1_chk2 {
  position: absolute;
  left: 675px;
  top: 626px;
  width:21px;
  height:19px;
  background: url('../front/images/new/cart_chk2.png') no-repeat;
  display:none;
}

.showblock {
  display:block !important;
}

.hideblock {
  display:none !important;
}

#cart1_exit {
  position: absolute;
  left: 837px;
  top: 701px;
  cursor:pointer;
}

#cart1_ok_disable {
  position: absolute;
  left: 929px;
  top: 700px;
  display:block;
}

#cart1_ok {
  position: absolute;
  left: 929px;
  top: 700px;
  display:none;
}

#cart1_ok2 {
  position: absolute;
  left: 347px;
  top: 218px;
  display:none;
  z-index:1000;
}



#bt-cart1-buy {
  position: absolute;
  left: 283px;
  top: 215px;
}

.pageno {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 13px;
  font-weight:normal;
  color:#A7A7A7;
  float:left;
  margin-left:10px;
  cursor:pointer;
}

.pageno:hover {
  color:gray;
}

.pageno_sel {
  color:#5E5E5E;
}

.getpage1_border {
  border-right: 3px;
  border-right-color: rgba(0, 0, 0, 0.4);
  border-right-style: solid;
  border-bottom: 2px;
  border-bottom-color: rgba(0, 0, 0, 0.4);
  border-bottom-style: solid;
}

.demo_line {
  height: 210px;
}

.demo_tit {
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
  width: 200px;
  text-align: center;
}

.demo_item {
  float: left;
  width: 200px;
  text-align: center;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 13px;
  font-weight:normal;
  color:#424242;
  padding: 10px;
  cursor:pointer;
}

.demo_img {
}

.member_login {
  position:relative;
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #DDDDDD;  
  background: white;
  margin-left: 8px;
  margin-right: 8px;  
  margin-top: 10px;
}

.member_login1 {
  position:relative;
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #DDDDDD;  
  background: white;
  margin-left: 8px;
  margin-right: 8px;  
  margin-top: 5px;
}

.item_page {
  position:relative;
  background: white;
  margin-left: 8px;
  margin-right: 8px;  
}

.itemdown {
  position:relative;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DDDDDD;  
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #DDDDDD;  
  background: white;
  margin-top: 5px;
  padding-bottom: 4px;
  padding-left: 3px;
  padding-top: 4px;  
  margin-left: 2px;
  margin-right: 2px;  
}

.itemdown1 {
  position:relative;
  background: white;
  margin-top: 5px;
  padding-bottom: 4px;
  padding-left: 3px;  
  padding-top: 4px;  
  margin-left: 2px;
  margin-right: 2px;  
  border-top: 1px;
  border-top-style: solid;
  border-top-color: #DDDDDD;  
}

.itemshow2 {
  position:relative;
  border: 1px;
  border-style: solid;
  border-color: #DDDDDD;  
  background: white;
  padding-left:21px;
  margin-left: 2px;
  margin-right: 2px;  
}

.item_group1 {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-weight:bold;
  font-size:14px;
  color:gray;
  padding-top: 5px;
  padding-bottom: 2px;
  cursor:pointer;
}

.item_group1:hover {
  color:#E29669;
}

.item_group2 {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-weight:normal;
  font-size:10pt;
  color:#A7A7A7;
  padding-top: 3px;
  cursor:pointer;
}

.item_group2:hover {
  color:gray;
}

.demo_cate {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 13px;
  font-weight:normal;
  color:#A7A7A7;
  float:left;
  margin-left:5px;
}

.demo_cate_v {
  float: left;
  margin-left: 10px;
  background: #A7A7A7;
  height: 14px;
  width: 1px;
  margin-top: 2px;
}

.demo_cate_item {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 13px;
  font-weight:normal;
  color:#A7A7A7;
  float:left;
  margin-left:10px;
  cursor:pointer;
}

.demo_cate_item:hover {
  color:gray;
}

.demo_sel {
  color:#5E5E5E;
}

.demo_radio {
  margin-bottom: 10px;
  width: auto;
  height: 20px;
}

.demo_radio_item {
  float:left;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 13px;
  font-weight:normal;
  color:#A7A7A7;
  margin-right:10px;
}

.cart_workarea {
  position:relative;
  border-style:solid;
  border-width:3px;
  border-color:#CECECE;
  -moz-border-radius:15px; /* Firefox */
  -webkit-border-radius:15px; /* Safari and Chrome */
  border-radius:15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  padding: 10px;
  padding-left:10px;
  padding-right:10px;
  background: white;
  margin-left: 8px;
  margin-right: 8px;  
  margin-top: 10px;
}

.cart_head_lnk {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#90324A;

}

a.cart_head_lnk_a:link {
  color:#90324A;
  text-decoration: none; 
}
a.cart_head_lnk_a:visited {
  color:#90324A;
  text-decoration: none; 
}
a.cart_head_lnk_a:hover {
  color:#90324A;
  text-decoration: none; 
}

.cart2_1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#90324A;
  padding-top: 30px;
  padding-right: 10px;  
}

.cart_workarea1 {
  background:#F1F1F1;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari and Chrome */
  border-radius:5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  border-width: 1px;
  border-color: #CECECE;
  border-style: solid;
  padding: 6px;
}

.cart2-tb-head {
  background:url(images/new/cart2-colhead.png);
  height: 39px;
  text-align:center;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:white;
}

.cart2-tb-data {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:15px;
  font-weight:bold;
  color:#525252;
  text-align:center;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -1px;
  outline-color: #CECECE;
  background: #DBDBDB;
}

.myorder {
  font-size:12px;
}

.cart2-tb-data select {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:15px;
  font-weight:bold;
  color:#525252;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cart2-tot {
  font-size:18px;
  background: #F8F8F8;
}

.addmore {
  float: right;
  padding-right: 10px;
  height:27px;
}

.scr_mask {
  display:none;
  width:100%;
  height: 100%; 
  position:fixed;
  z-index:9999;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.8);
}


.noitem_0 {
  position:absolute;
  width:319px;
  height:174px;
  background:url('../front/images/new/0/cart2_3.png');
  top:50%;
  left:50%;
  margin-left:-160px;
  margin-top:-87px;
}

.noitem_1 {
  position:absolute;
  width:319px;
  height:174px;
  background:url('../front/images/new/1/cart2_3.png');
  top:50%;
  left:50%;
  margin-left:-160px;
  margin-top:-87px;
}

.noitem_2 {
  position:absolute;
  width:319px;
  height:174px;
  background:url('../front/images/new/2/cart2_3.png');
  top:50%;
  left:50%;
  margin-left:-160px;
  margin-top:-87px;
}

.noitem_3 {
  position:absolute;
  width:319px;
  height:174px;
  background:url('../front/images/new/3/cart2_3.png');
  top:50%;
  left:50%;
  margin-left:-160px;
  margin-top:-87px;
}

.noitem_4 {
  position:absolute;
  width:319px;
  height:174px;
  background:url('../front/images/new/4/cart2_3.png');
  top:50%;
  left:50%;
  margin-left:-160px;
  margin-top:-87px;
}


#cart2_4 {
  position:absolute;
  left:80px;
  top:135px;
}

#cart2_5 {
  position:absolute;
  left:220px;
  top:135px;
}

#cart2_6 {
  position:absolute;
  left:208px;
  top:135px;
}

#step1_cont {
  padding: 20px;
  margin:3px;
  background: #F8F8F8;
  margin-top: 10px;
  margin-bottom: 20px;  
}

.getsel {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#90324A;
  padding-bottom: 10px;
}

#getmethod1 {
  padding:10px;
  padding-left: 50px;
  font-size:15px;
  color:#525252;
}

/* 自訂 Radio button css */
.radiolabel {
  display:-moz-inline-block;
  display:inline-block;
  cursor:pointer;
  margin:5px 0;
  padding-left:20px;
  height: 18px;
  line-height:18px;
  background:url('../front/images/new/radio.png') no-repeat left top;
}

.radiolabel.checked {
  background-position:left bottom;
}

.custradio {
  display:none;
}
/* 自訂 Radio button css..end */

#step1_foot {
  text-align: right;
  padding-top: 15px;
}

#cart2_8 {
  padding-right: 20px;
}

#step2_cont {
  padding: 10px;
  margin:3px;
  background: #F8F8F8;
  margin-top: 10px;
  margin-bottom: 20px;  
}

.cart_address {
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #525252;  
}

.addr_line {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#525252;
  padding:5px;
  height:25px;
}

.addr_line select {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#525252;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.addr_line input {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#525252;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.del_addr {
  padding-top: 3px;
  cursor:pointer;
}

.add_addr {
  float: right;
  margin-right: 50px;
}

.allquan {
  display:none;
}

.stepcls {
  display:none;
}

#step2_foot {
  text-align: right;
  padding-top: 15px;
}

#cart2_11 {
  padding-right: 20px;
}

#step2_1_cont {
  padding: 20px;
  margin:3px;
  background: #F8F8F8;
  margin-top: 10px;
  margin-bottom: 20px;  
}

.addr1_line {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#525252;
  padding:8px;
}

.addr1_line input {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#525252;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

#stage1 {
  position: relative;
}

#stage2 {
  position: relative;
  display:none;
}

.cart2_34 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#90324A;
  float:right;
  padding-right: 20px;  
}

#cartdata {
  display:none;
}

.cartmsgbox {
  position:absolute;
  background:url('../front/images/new/messagebox.png') no-repeat;
  width: 508px;
  height: 329px;
  top:50%;
  left:50%;
  margin-left:-254px;
  margin-top:-165px;
}

.stage2_head {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#90324A;
  padding: 10px;
  padding-left: 20px;
  padding-top: 20px;  
}

.stage2_cont {
  padding-left: 40px;
  padding-bottom: 15px;  
}

.payfunction {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:17px;
  font-weight:bold;
  color:#474747;
}

#cart2_note {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:12px;
  color:#474747;
}

#cart2_bpnote {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:12px;
  color:#474747;
  padding-left: 11px;
}

.pay_add {
}

.cart_invo_kind {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#474747;
  height: 30px;
}

.cart_invo_kind input {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#525252;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

#stage2_foot {
  text-align: right;
  padding-top: 15px;
}

#stage3 {
  position: relative;
  display:none;
}

.stage3_cont1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  color:#525252;
  padding-left: 10px;
  padding-top: 20px;
  font-weight:bold;
}

.stage3_cont2 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#90324A;
  padding-left: 16px;
  padding-top: 2px;
}

.itemlist_block {
  background:#F1F1F1;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari and Chrome */
  border-radius:5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  border-width: 1px;
  border-color: #CECECE;
  border-style: solid;
  padding:10px;
  padding-top: 15px;
  margin-bottom: 30px;  
}

.itemlist_cont {
  height:28px;
}

.itemlist_cont1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#90324A;
}

.itemlist_cont2 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#525252;
}

.stage3_itemlist {
  padding-top:10px;
}

.cart2-tb-foot1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color: #4D4D4D;
}

.cart2-tb-foot2 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#525252;
}

.cart2-tb-foot3 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:red;
  cursor:pointer;
}

.cart2-tb-foot4 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#525252;
}

.cart2-tb-foot5 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#525252;
  height:110px;
}


.cart_subtot {
  bottom:1px;
  border-style:solid;
  border-width:1px;
  border-color:#ACACAC;
  color:#90324A;
  width: 200px;
  text-align: left;
  padding: 5px;  
}

.cart_subtot2 {
  color:#525252;
}

#stage3_tot {
  position: relative;
  border-bottom-style:solid;
  border-bottom-width:3px;
  border-bottom-color:#90324A;
  height:95px;
}

#stage3_tot1 {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#90324A;
  right:10px;
  bottom:5px;
}

#stage3_tot2 {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:10px;
  bottom:29px;
}

#stage3_tot3 {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:260px;
  bottom:5px;
  display:none;
}

#stage3_tot4 {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#525252;
  right:10px;
  bottom:5px;
}

#stage3_tot5 {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:10px;
  bottom:100px;
}

#stage3_tot6 {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:10px;
  bottom:52px;
}

#stage3_tot7 {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:10px;
  bottom:76px;
}

#stage3_tot5v {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:10px;
  bottom:90px;
}

#stage3_tot6v {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:10px;
  bottom:62px;
}

#stage3_tot2v {
  position: absolute;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#4D4D4D;
  right:10px;
  bottom:117px;
}

.fare_note_0 {
  position:absolute;
  width:674px;
  height:443px;
  background:url('../front/images/new/0/cart2_70_1.png');
  top:50%;
  left:50%;
  margin-left:-337px;
  margin-top:-222px;
}

.fare_note_1 {
  position:absolute;
  width:674px;
  height:443px;
  background:url('../front/images/new/1/cart2_70_1.png');
  top:50%;
  left:50%;
  margin-left:-337px;
  margin-top:-222px;
}

.fare_note_2 {
  position:absolute;
  width:674px;
  height:443px;
  background:url('../front/images/new/2/cart2_70_1.png');
  top:50%;
  left:50%;
  margin-left:-337px;
  margin-top:-222px;
}

.fare_note_3 {
  position:absolute;
  width:674px;
  height:443px;
  background:url('../front/images/new/3/cart2_70_1.png');
  top:50%;
  left:50%;
  margin-left:-337px;
  margin-top:-222px;
}

.fare_note_4 {
  position:absolute;
  width:674px;
  height:443px;
  background:url('../front/images/new/4/cart2_70_1.png');
  top:50%;
  left:50%;
  margin-left:-337px;
  margin-top:-222px;
}

.fare1_pos {
  position:absolute;
  left:53px;
  top:78px;
  cursor: auto !important; 
}

.fare2_pos {
  position:absolute;
  left:53px;
  top:163px;
  cursor: auto !important; 
}

.fare3_pos {
  position:absolute;
  left:53px;
  top:281px;
  cursor: auto !important; 
}

.fare4_pos {
  position:absolute;
  left:53px;
  top:233px;
  cursor: auto !important; 
}

#bt-fare1 {
  position:absolute;
  left: 321px;
  top: 383px;
}

#bt-fare2 {
  position:absolute;
  left: 500px;
  top: 383px;
}

#fare1-v {
  position:absolute;
  left: 485px;
  top: 383px;
}

#stage3_foot {
  height:70px;
}

.stage3_foot {
  float:right;
  padding-top: 47px;
}

.paycheck_0 {
  position:absolute;
  width:371px;
  height:255px;
  background:url('../front/images/new/0/cart2_81.png');
  top:48%;
  left:50%;
  margin-left:-186px;
  margin-top:-128px;
}

.paycheck_1 {
  position:absolute;
  width:371px;
  height:255px;
  background:url('../front/images/new/1/cart2_81.png');
  top:48%;
  left:50%;
  margin-left:-186px;
  margin-top:-128px;
}

.paycheck_2 {
  position:absolute;
  width:371px;
  height:255px;
  background:url('../front/images/new/2/cart2_81.png');
  top:48%;
  left:50%;
  margin-left:-186px;
  margin-top:-128px;
}

.paycheck_3 {
  position:absolute;
  width:371px;
  height:255px;
  background:url('../front/images/new/3/cart2_81.png');
  top:48%;
  left:50%;
  margin-left:-186px;
  margin-top:-128px;
}

.paycheck_4 {
  position:absolute;
  width:371px;
  height:255px;
  background:url('../front/images/new/4/cart2_81.png');
  top:48%;
  left:50%;
  margin-left:-186px;
  margin-top:-128px;
}

#cart2_81 {
  position:absolute;
  left: 210px;
  top: 220px;
}

#cart2_81_v {
  position:absolute;
  left: 287px;
  top: 219px;
}

#cart2_82 {
  position:absolute;
  left: 295px;
  top: 221px;
}

.mpaycheck_1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:black;
  position:absolute;
  left: 171px;
  top: 114px;
}

.mpaycheck_2 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:black;
  position:absolute;
  left: 105px;
  top: 138px;
}

.cust_order_b_no {
  color:#525252;
}

.custorder1 {
  position:relative;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background: white;
}

.custorder_cont1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:black;
  padding-bottom: 5px;
}

.custorder_cont2 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#90324A;
  padding-left: 28px;
}

.custorder_cont3 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:black;
  padding-left: 26px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.custorder_cont4 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:black;
  padding-left: 26px;
}

.custorder_cont5 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#90324A;
}

.custorder_cont6 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  color: #474747;
  padding-top: 5px;
}

.custorder_cont7 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  color: #474747;
  padding-left: 28px;
}

.custblock {
  border-bottom-style:solid;
  border-bottom-width:3px;
  border-bottom-color:#90324A;
  padding-bottom: 20px;
  padding-top: 10px;
}

.orderfoot {
  height:20px;
}

.orderfoot1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#90324A;
  float:right;
}

.oemcart_address {
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #525252;  
}

/* 電子書 css Start */
.demo {
  position:relative;
  width:1075px;
  height:800px;
  display:none;
}

.book {
  position:relative;
  margin-top:20px;
    
  -webkit-perspective: 5000px;    /* 變形寬的10倍 */
  -moz-perspective: 5000px;
  -o-perspective: 5000px;
  perspective: 5000px;
  -webkit-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
}

.book_box_right {
  position: absolute;
  top: 0px;
  z-index:1001;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin:left top;
  -moz-transform-origin:left top;
  -o-transform-origin:left top;
  transform-origin:left top;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}

.book_box_left {
  position: absolute;
  top: 0px;
  z-index:1001;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin:right top;
  -moz-transform-origin:right top;
  -o-transform-origin:right top;
  transform-origin:right top;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
}

#FadeOutLayer_right {
  display:none;
}

#FadeOutLayer_left {
  display:none;
}

.book_fade_page_right {
  position: absolute;
  top: 0px;
  z-index:1000;
  overflow:hidden;
  -webkit-transition: all 600ms linear ;
  -moz-transition: all 600ms linear ;
  -o-transition: all 600ms linear ;
  transition: all 600ms linear ;
}

.book_fade_page_act_right {
  filter:Alpha(Opacity=0);opacity:0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.book_fade_page_left {
  filter:Alpha(Opacity=0);opacity:0;
  position: absolute;
  top: 0px;
  z-index:1000;
  overflow:hidden;
  -webkit-transition: all 600ms linear ;
  -moz-transition: all 600ms linear ;
  -o-transition: all 600ms linear ;
  transition: all 600ms linear ;
  -webkit-transform-origin: right 80%;
  -moz-transform-origin: right 80%;
  -o-transform-origin: right 80%;
  transform-origin: right 80%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.book_fade_page_act_left {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  filter:Alpha(Opacity=100);opacity:1;
}

.book_new_page {
  position: absolute;
  top: 0px;
  z-index:1000;
  overflow:hidden;
/*  background: white; */    
}

.book_new_page1 {
  position: absolute;
  top: 0px;
  z-index:1000;
  overflow:hidden;
/*  background: white; */    
}

.book_to_left {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.book_to_right {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.book_senser_right {
  -webkit-transform: rotateY(-17deg);
  -moz-transform: rotateY(-17deg);
  -o-transform: rotateY(-17deg);
  transform: rotateY(-17deg);
}

.book_senser_left {
  -webkit-transform: rotateY(17deg);
  -moz-transform: rotateY(17deg);
  -o-transform: rotateY(17deg);
  transform: rotateY(17deg);
}

#play_page_a {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow:hidden;
  -webkit-transform: rotateY(0deg) translatez(1px);  
  -moz-transform: rotateY(0deg) translatez(1px);  
  -o-transform: rotateY(0deg) translatez(1px);  
  transform: rotateY(0deg) translatez(1px);
/*  background: white; */    
}

#play_page_b {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow:hidden;
  -webkit-transform: rotateY(180deg);  
  -moz-transform: rotateY(180deg);  
  -o-transform: rotateY(180deg);  
  transform: rotateY(180deg);
/*  background: white; */    
}


#curr_page {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow:hidden;
}

.senser_left {
  position: absolute;
  width:30px;
  cursor:pointer;
}

.senser_right {
  position: absolute;
  width:30px;
  cursor:pointer;
}

#prev_pagebuffer {
  display:none;
}

#next_pagebuffer {
  display:none;
}

#book_box_tmp_right {
  display:none;
}

#book_box_tmp_left {
  display:none;
}

.page_data_left {
  position: absolute;
  left:0px;
}

.page_data_right {
  position: absolute;
  right:0px;
}

.page_data_head {
  position: absolute;
  right:0px;
  overflow:hidden;
}

.page_data_head1 {
  position: absolute;
  right:0px;
}

.page_data_back {
  position: absolute;
  left:0px;
  overflow:hidden;
}

.page_data_back1 {
  position: absolute;
  left:0px;
}

#senser_mask {
  position: absolute;
  width:100%;
  height:650px;
  z-index:9999; 
}

#tmpbuffer {
  display:none;
  position: absolute;
  left:40px;
  top:25px;
  z-index: 0;
  width:1000px;
  height:700px;
  overflow:hidden;
}

.prebuffer {
  position: absolute;
  left:40px;
  top:25px;
  z-index:0;
}


/* 電子書 css End... */


/* 會員專區 */
.custcase{
  background: #F0F0F0;
  padding: 10px;
  padding-left: 6px;
  margin-top: 10px;
  margin-bottom: 10px;  
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari and Chrome */
  border-radius:5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

/* 會員-我的作品 */
.custprj{
  background:#ffffff;
  padding:0px;
  margin-top:0px;
  border-width:0px;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari and Chrome */
  border-radius:5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  margin-top: 5px;
  margin-bottom: 5px;
}

#picasa1 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#90324A;
  position: absolute;
  left:50px;
  top:0px;
}

#picasa2 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#707070;
  position: absolute;
  left:100px;
  top:35px;
}

#picasa3 {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#707070;
  position: absolute;
  left:100px;
  top:73px;
}

.cloud_disk {
  position: absolute;
  left: 20px;
  top: 19px;
  width: 500px;
  height: 40px;
  background:#ECECEA;
  z-index: 100;
  display:none;  
}

.cloud_disk1 {
  float:left;
  width:340px;
  height:40px;
}

.cloud_disk2 {
  float:left;
  width:100px;
  height:40px;
  padding-top: 11px;
}

.cloud_album {
  position: absolute;
  left: 5px;
  top: 4px;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:#CECECE;
  font-size:12px;
}

.albumsel {
  width: 310px;
  height: 30px;
  overflow: hidden;
  background: url('../front/images/new/cart-view.png') no-repeat right ;
}

.albumsel select {
   background: transparent;
   width: 310px;
   padding: 8px;
   font-size: 12px;
   height: 30px;
   -webkit-appearance: none; /*for chrome*/
   border-width: 0px;
   outline: 0;
   color:#606060;
   padding-left: 8px;
}

.albumsel select[disabled] {
   filter:Alpha(Opacity=30);opacity:0.3;
}

.picasa_list1 {
  float:left;
  background: url('../front/images/new/photostore2.png');
  width: 96px;
  height: 110px;
  margin-left:8px;
  margin-right:8px;
}

.cloud_sel {
  position: absolute;
  left: 39px;
  top: 88px;
  cursor:pointer;
}

.cloud-dot {
}

.cloud-selall {
}

.custconf {
  color:blue;
}

.auto-save {
  position: absolute;
  display:none;
  left: 288px;
  top: 260px;
  z-index: 9999;
}

#helpshow {
  position: absolute;
  display:none;
  z-index: 9999;
}

#help05 {
  position: absolute;
  display:none;
  z-index: 9999;
  left:408px;
  top:374px;
  pointer-events:none;
}

#help01 {
  position: absolute;
  z-index: 9999;
  left:899px;
  top:56px;
}

#help07 {
  position: absolute;
  display:none;
  z-index: 9999;
  left:633px;
  top:68px;
}

#help09 {
  position: absolute;
  z-index: 9999;
  left:3px;
  top:44px;
}

.help_close {
  position: absolute;
  left:322px;
  top:18px;
  cursor:pointer;
}

.help_close01 {
  position: absolute;
  left:149px;
  top:11px;
  cursor:pointer;
}

.help_close09 {
  position: absolute;
  left:225px;
  top:11px;
  cursor:pointer;
}

.dsp_mode {
  text-align:center;
  font-size: 12px;
  color:white;
  margin-top: -4px;
}

._photo_mask {
  background:url('../front/images/mask_bg3.gif') no-repeat ;
  -moz-background-size:100% 100%;        /*for Firefox*/
  -webkit-background-size:100% 100%;        /*for Google Chrome、Safari*/
  -o-background-size:100% 100%;        /*for Opera*/  
  background-size:100% 100%;
}

.sty_photo_mask {
  background:url('../front/images/mask_bg3.gif') no-repeat ;
  -moz-background-size:100% 100%;        /*for Firefox*/
  -webkit-background-size:100% 100%;        /*for Google Chrome、Safari*/
  -o-background-size:100% 100%;        /*for Opera*/  
  background-size:100% 100%;
}

.empty_warning {
  background:url('../front/images/alert3.png') no-repeat center;
  left:39%;
  top:39%;
  width:90px;
  height:90px;
  z-index:950;
  -moz-background-size:90px;        /*for Firefox*/
  -webkit-background-size:90px;        /*for Google Chrome、Safari*/
  -o-background-size:90px;        /*for Opera*/  
  background-size:90px;
}

.getpage1 {
  overflow:hidden;
  position: relative;
}

#home_banner {
  position: absolute;
  height:319px;
  left:0px;
  top:0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
 
#home_banner_bl {
  position: absolute;
  left:10px;
  top:142px;
  z-index:10;
  cursor:pointer;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  filter:Alpha(Opacity=0);opacity:0;
}

#home_banner_br {
  position: absolute;
  right:10px;
  top:142px;
  z-index:10;
  cursor:pointer;
  -webkit-transition: all 600ms ease-in-out;
  -moz-transition: all 600ms ease-in-out;
  -o-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  filter:Alpha(Opacity=0);opacity:0;
}

.home_slider {
  position: relative;
  width: 952px;
  height:150px;
  text-align: center;
  overflow: hidden;
  z-index: 0;
  background: #FFF;
  margin-left: 14px;
}

.home_slide {
  width: 1960px;
}

.slide_li {
  display:inline;
  float:left;
  width:102px;
  height:133px;
  margin-top:4px;
  margin-left:1px;
  margin-right:2px;
}

.slide_item {
  margin-top:1px;
  margin-bottom: 4px;
  cursor:pointer;
}

.do_comein_1 .slide_li{
  -webkit-animation-name:comein_1;
  -moz-animation-name:comein_1;
  -o-animation-name:comein_1;
  animation-name:comein_1;
}

.do_comein_1 .slide_li:nth-child(1){
  -webkit-animation-duration:0.5s;
  -moz-animation-duration:0.5s;
  -o-animation-duration:0.5s;
  animation-duration:0.5s;
}

.do_comein_1 .slide_li:nth-child(2){
  -webkit-animation-duration:0.6s;
  -moz-animation-duration:0.6s;
  -o-animation-duration:0.6s;
  animation-duration:0.6s;
}

.do_comein_1 .slide_li:nth-child(3){
  -webkit-animation-duration:0.57s;
  -moz-animation-duration:0.57s;
  -o-animation-duration:0.57s;
  animation-duration:0.57s;
}

.do_comein_1 .slide_li:nth-child(4){
  -webkit-animation-duration:0.6s;
  -moz-animation-duration:0.6s;
  -o-animation-duration:0.6s;
  animation-duration:0.6s;
}

.do_comein_1 .slide_li:nth-child(5){
  -webkit-animation-duration:0.6s;
  -moz-animation-duration:0.6s;
  -o-animation-duration:0.6s;
  animation-duration:0.6s;
}

.do_comein_1 .slide_li:nth-child(6){
  -webkit-animation-duration:0.6s;
  -moz-animation-duration:0.6s;
  -o-animation-duration:0.6s;
  animation-duration:0.6s;
}

.do_comein_1 .slide_li:nth-child(7){
  -webkit-animation-duration:0.6s;
  -moz-animation-duration:0.6s;
  -o-animation-duration:0.6s;
  animation-duration:0.6s;
}

.do_comein_1 .slide_li:nth-child(8){
  -webkit-animation-duration:0.6s;
  -moz-animation-duration:0.6s;
  -o-animation-duration:0.6s;
  animation-duration:0.6s;
}

.do_comein_1 .slide_li:nth-child(9){
  -webkit-animation-duration:0.55s;
  -moz-animation-duration:0.55s;
  -o-animation-duration:0.55s;
  animation-duration:0.55s;
}

.do_goout_1 .slide_li {
  -webkit-animation-name:goout_1;
  -moz-animation-name:goout_1;
  -o-animation-name:goout_1;
  animation-name:goout_1;
}

.do_goout_1 .slide_li:nth-child(1){
  -webkit-animation-duration:0.3s;
  -moz-animation-duration:0.3s;
  -o-animation-duration:0.3s;
  animation-duration:0.3s;
}

.do_goout_1 .slide_li:nth-child(2){
  -webkit-animation-duration:0.42s;
  -moz-animation-duration:0.42s;
  -o-animation-duration:0.42s;
  animation-duration:0.42s;
}

.do_goout_1 .slide_li:nth-child(3){
  -webkit-animation-duration:0.4s;
  -moz-animation-duration:0.4s;
  -o-animation-duration:0.4s;
  animation-duration:0.4s;
}

.do_goout_1 .slide_li:nth-child(4){
  -webkit-animation-duration:0.45s;
  -moz-animation-duration:0.45s;
  -o-animation-duration:0.45s;
  animation-duration:0.45s;
}

.do_goout_1 .slide_li:nth-child(5){
  -webkit-animation-duration:0.4s;
  -moz-animation-duration:0.4s;
  -o-animation-duration:0.4s;
  animation-duration:0.4s;
}

.do_goout_1 .slide_li:nth-child(6){
  -webkit-animation-duration:0.4s;
  -moz-animation-duration:0.4s;
  -o-animation-duration:0.4s;
  animation-duration:0.4s;
}

.do_goout_1 .slide_li:nth-child(7){
  -webkit-animation-duration:0.4s;
  -moz-animation-duration:0.4s;
  -o-animation-duration:0.4s;
  animation-duration:0.4s;
}

.do_goout_1 .slide_li:nth-child(8){
  -webkit-animation-duration:0.4s;
  -moz-animation-duration:0.4s;
  -o-animation-duration:0.4s;
  animation-duration:0.4s;
}

.do_goout_1 .slide_li:nth-child(9){
  -webkit-animation-duration:0.45s;
  -moz-animation-duration:0.45s;
  -o-animation-duration:0.45s;
  animation-duration:0.45s;
}

.loc_pin  .slide_li{
  -webkit-transform:translate3d( 3000px, 0, 0); 
  -moz-transform:translate3d( 3000px, 0, 0); 
  -o-transform:translate3d( 3000px, 0, 0); 
  transform:translate3d( 3000px, 0, 0); 
}

.slide_tit {
	font-size: 9pt;
	font-weight: normal;
	color: #AFAFAF;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 18px;
	cursor:pointer;
  margin-right: 20px;
}

.slide_tit_select {
	color: #636363;
}

a.slide_tit:link {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: #7e6b5a;
	text-decoration: none;


}
a.slide_tit:visited {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: #7e6b5a;
	text-decoration: none;
}
a.slide_tit:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: black;
	text-decoration: none;

}
a.slide_tit:active {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: #CC0000;
	text-decoration: none;
}

.slide_subtit {
  font-size: 8pt;
  color: #666;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  text-decoration: none;
  list-style-position: outside;
  background-repeat: repeat-x;
  background-position: bottom;
  line-height: 20px;
  cursor:pointer;
}

.newslnk {
	font-size: 9pt;
	font-weight: normal;
	color: #008b8b;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 18px;
	text-decoration: blink;
	text-decoration: none;
}
a.newslnk:link {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: #008b8b;
	text-decoration: none;


}
a.newslnk:visited {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: #008b8b;
	text-decoration: none;
}
a.newslnk:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: #663300;
	text-decoration: none;

}
a.newslnk:active {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18px;
	color: #008b8b;
	text-decoration: none;
}
.newsdate {
	font-size: 11px;
	color: #34868A;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-weight: normal;
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(icon/04a.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height: 16px;
}

.note_url {
  padding-top:3px;
}

a.a_note_url:link    { color: #BEBEBE; text-decoration: none;}

a.a_note_url:visited { color: #BEBEBE; text-decoration: none;}

a.a_note_url:hover   { color: #7D7D7D; text-decoration: underline;}

.fmana_upload {
  position: absolute;
  left: 95px;
  top: 710px;
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  color:#CECECE;
  font-size:12px;
}

.langdiv {
  right: 65px;
  position: absolute;
  top: 26px;
  z-index: 9999;
  border-style: solid;
  border-width: 1px;
  height: 24px;
  padding-left: 7px;
  padding-right: 7px;
  border-color: #BBB;
}

.langmenu {
	font-size: 9pt;
	font-weight: normal;
	color: #BBB;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 18px;
	text-decoration: blink;
	text-decoration: none;
}
a.langmenu:link {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18pt;
	color: #BBB;
	text-decoration: none;


}
a.langmenu:visited {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18pt;
	color: #BBB;
	text-decoration: none;
}
a.langmenu:hover {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18pt;
	color: #BC2434;
	text-decoration: none;

}
a.langmenu:active {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	line-height: 18pt;
	color: #BC2434;
	text-decoration: none;
}

.cart2-input {
  font-family: "微軟正黑體","MS Sans Serif", Geneva, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #525252;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* slide keyframes */
@-webkit-keyframes comein_1 {
	from { -webkit-transform:translate3d( 1500px, 0, 0); }
	4%   { -webkit-transform:translate3d(  955px, 0, 0); }
	8%   { -webkit-transform:translate3d(  764px, 0, 0); }
	12%  { -webkit-transform:translate3d(  573px, 0, 0); }
	16%  { -webkit-transform:translate3d(  382px, 0, 0); }
	20%  { -webkit-transform:translate3d(  191px, 0, 0); }
	24%  { -webkit-transform:translate3d(     0  , 0, 0); }
	28%  { -webkit-transform:translate3d(    -52px, 0, 0); }
	32%  { -webkit-transform:translate3d(    -34px, 0, 0); }
	36%  { -webkit-transform:translate3d(     0  , 0, 0); }
	40%  { -webkit-transform:translate3d(   15px, 0, 0); }
	44%  { -webkit-transform:translate3d(   10px, 0, 0); }
	48%  { -webkit-transform:translate3d(     0  , 0, 0); }
	52%  { -webkit-transform:translate3d(     -4px, 0, 0); }
	56%  { -webkit-transform:translate3d(     -3px, 0, 0); }
	60%  { -webkit-transform:translate3d(     0  , 0, 0); }
	64%  { -webkit-transform:translate3d(    1px, 0, 0); }
	68%  { -webkit-transform:translate3d(    1px, 0, 0); }
	72%  { -webkit-transform:translate3d(     0  , 0, 0); }
	to   { -webkit-transform:translate3d(     0  , 0, 0); }
}

@-webkit-keyframes goout_1 {
	from { -webkit-transform:translate3d( 0px, 0, 0); }
	4%   { -webkit-transform:translate3d(  -20px, 0, 0); }
	8%   { -webkit-transform:translate3d(  -50px, 0, 0); }
	12%  { -webkit-transform:translate3d(  -90px, 0, 0); }
	16%  { -webkit-transform:translate3d(  -140px, 0, 0); }
	20%  { -webkit-transform:translate3d(  -200px, 0, 0); }
	24%  { -webkit-transform:translate3d(  -270px  , 0, 0); }
	28%  { -webkit-transform:translate3d(  -350px  , 0, 0); }
	32%  { -webkit-transform:translate3d(  -440px  , 0, 0); }
	36%  { -webkit-transform:translate3d(  -540px  , 0, 0); }
	40%  { -webkit-transform:translate3d(  -650px  , 0, 0); }
	44%  { -webkit-transform:translate3d(  -770px  , 0, 0); }
	48%  { -webkit-transform:translate3d(  -900px  , 0, 0); }
	to   { -webkit-transform:translate3d(  -1500px  , 0, 0);}
}

@-moz-keyframes comein_1 {
	from { -moz-transform:translate3d( 1500px, 0, 0); }
	4%   { -moz-transform:translate3d(  955px, 0, 0); }
	8%   { -moz-transform:translate3d(  764px, 0, 0); }
	12%  { -moz-transform:translate3d(  573px, 0, 0); }
	16%  { -moz-transform:translate3d(  382px, 0, 0); }
	20%  { -moz-transform:translate3d(  191px, 0, 0); }
	24%  { -moz-transform:translate3d(     0  , 0, 0); }
	28%  { -moz-transform:translate3d(    -52px, 0, 0); }
	32%  { -moz-transform:translate3d(    -34px, 0, 0); }
	36%  { -moz-transform:translate3d(     0  , 0, 0); }
	40%  { -moz-transform:translate3d(   15px, 0, 0); }
	44%  { -moz-transform:translate3d(   10px, 0, 0); }
	48%  { -moz-transform:translate3d(     0  , 0, 0); }
	52%  { -moz-transform:translate3d(     -4px, 0, 0); }
	56%  { -moz-transform:translate3d(     -3px, 0, 0); }
	60%  { -moz-transform:translate3d(     0  , 0, 0); }
	64%  { -moz-transform:translate3d(    1px, 0, 0); }
	68%  { -moz-transform:translate3d(    1px, 0, 0); }
	72%  { -moz-transform:translate3d(     0  , 0, 0); }
	to   { -moz-transform:translate3d(     0  , 0, 0); }
}

@-moz-keyframes goout_1 {
	from { -moz-transform:translate3d( 0px, 0, 0); }
	4%   { -moz-transform:translate3d(  -20px, 0, 0); }
	8%   { -moz-transform:translate3d(  -50px, 0, 0); }
	12%  { -moz-transform:translate3d(  -90px, 0, 0); }
	16%  { -moz-transform:translate3d(  -140px, 0, 0); }
	20%  { -moz-transform:translate3d(  -200px, 0, 0); }
	24%  { -moz-transform:translate3d(  -270px  , 0, 0); }
	28%  { -moz-transform:translate3d(  -350px  , 0, 0); }
	32%  { -moz-transform:translate3d(  -440px  , 0, 0); }
	36%  { -moz-transform:translate3d(  -540px  , 0, 0); }
	40%  { -moz-transform:translate3d(  -650px  , 0, 0); }
	44%  { -moz-transform:translate3d(  -770px  , 0, 0); }
	48%  { -moz-transform:translate3d(  -900px  , 0, 0); }
	to   { -moz-transform:translate3d(  -1500px  , 0, 0);}
}

@-o-keyframes goout_1 {
	from { -o-transform:translate3d( 0px, 0, 0); }
	4%   { -o-transform:translate3d(  -20px, 0, 0); }
	8%   { -o-transform:translate3d(  -50px, 0, 0); }
	12%  { -o-transform:translate3d(  -90px, 0, 0); }
	16%  { -o-transform:translate3d(  -140px, 0, 0); }
	20%  { -o-transform:translate3d(  -200px, 0, 0); }
	24%  { -o-transform:translate3d(  -270px  , 0, 0); }
	28%  { -o-transform:translate3d(  -350px  , 0, 0); }
	32%  { -o-transform:translate3d(  -440px  , 0, 0); }
	36%  { -o-transform:translate3d(  -540px  , 0, 0); }
	40%  { -o-transform:translate3d(  -650px  , 0, 0); }
	44%  { -o-transform:translate3d(  -770px  , 0, 0); }
	48%  { -o-transform:translate3d(  -900px  , 0, 0); }
	to   { -o-transform:translate3d(  -1500px  , 0, 0);}
}

@-o-keyframes comein_1 {
	from { -o-transform:translate3d( 1500px, 0, 0); }
	4%   { -o-transform:translate3d(  955px, 0, 0); }
	8%   { -o-transform:translate3d(  764px, 0, 0); }
	12%  { -o-transform:translate3d(  573px, 0, 0); }
	16%  { -o-transform:translate3d(  382px, 0, 0); }
	20%  { -o-transform:translate3d(  191px, 0, 0); }
	24%  { -o-transform:translate3d(     0  , 0, 0); }
	28%  { -o-transform:translate3d(    -52px, 0, 0); }
	32%  { -o-transform:translate3d(    -34px, 0, 0); }
	36%  { -o-transform:translate3d(     0  , 0, 0); }
	40%  { -o-transform:translate3d(   15px, 0, 0); }
	44%  { -o-transform:translate3d(   10px, 0, 0); }
	48%  { -o-transform:translate3d(     0  , 0, 0); }
	52%  { -o-transform:translate3d(     -4px, 0, 0); }
	56%  { -o-transform:translate3d(     -3px, 0, 0); }
	60%  { -o-transform:translate3d(     0  , 0, 0); }
	64%  { -o-transform:translate3d(    1px, 0, 0); }
	68%  { -o-transform:translate3d(    1px, 0, 0); }
	72%  { -o-transform:translate3d(     0  , 0, 0); }
	to   { -o-transform:translate3d(     0  , 0, 0); }
}

@-o-keyframes goout_1 {
	from { -o-transform:translate3d( 0px, 0, 0); }
	4%   { -o-transform:translate3d(  -20px, 0, 0); }
	8%   { -o-transform:translate3d(  -50px, 0, 0); }
	12%  { -o-transform:translate3d(  -90px, 0, 0); }
	16%  { -o-transform:translate3d(  -140px, 0, 0); }
	20%  { -o-transform:translate3d(  -200px, 0, 0); }
	24%  { -o-transform:translate3d(  -270px  , 0, 0); }
	28%  { -o-transform:translate3d(  -350px  , 0, 0); }
	32%  { -o-transform:translate3d(  -440px  , 0, 0); }
	36%  { -o-transform:translate3d(  -540px  , 0, 0); }
	40%  { -o-transform:translate3d(  -650px  , 0, 0); }
	44%  { -o-transform:translate3d(  -770px  , 0, 0); }
	48%  { -o-transform:translate3d(  -900px  , 0, 0); }
	to   { -o-transform:translate3d(  -1500px  , 0, 0);}
}

@-o-keyframes goout_1 {
	from { -o-transform:translate3d( 0px, 0, 0); }
	4%   { -o-transform:translate3d(  -20px, 0, 0); }
	8%   { -o-transform:translate3d(  -50px, 0, 0); }
	12%  { -o-transform:translate3d(  -90px, 0, 0); }
	16%  { -o-transform:translate3d(  -140px, 0, 0); }
	20%  { -o-transform:translate3d(  -200px, 0, 0); }
	24%  { -o-transform:translate3d(  -270px  , 0, 0); }
	28%  { -o-transform:translate3d(  -350px  , 0, 0); }
	32%  { -o-transform:translate3d(  -440px  , 0, 0); }
	36%  { -o-transform:translate3d(  -540px  , 0, 0); }
	40%  { -o-transform:translate3d(  -650px  , 0, 0); }
	44%  { -o-transform:translate3d(  -770px  , 0, 0); }
	48%  { -o-transform:translate3d(  -900px  , 0, 0); }
	to   { -o-transform:translate3d(  -1500px  , 0, 0);}
}

@keyframes comein_1 {
	from { transform:translate3d( 1500px, 0, 0); }
	4%   { transform:translate3d(  955px, 0, 0); }
	8%   { transform:translate3d(  764px, 0, 0); }
	12%  { transform:translate3d(  573px, 0, 0); }
	16%  { transform:translate3d(  382px, 0, 0); }
	20%  { transform:translate3d(  191px, 0, 0); }
	24%  { transform:translate3d(     0  , 0, 0); }
	28%  { transform:translate3d(    -52px, 0, 0); }
	32%  { transform:translate3d(    -34px, 0, 0); }
	36%  { transform:translate3d(     0  , 0, 0); }
	40%  { transform:translate3d(   15px, 0, 0); }
	44%  { transform:translate3d(   10px, 0, 0); }
	48%  { transform:translate3d(     0  , 0, 0); }
	52%  { transform:translate3d(     -4px, 0, 0); }
	56%  { transform:translate3d(     -3px, 0, 0); }
	60%  { transform:translate3d(     0  , 0, 0); }
	64%  { transform:translate3d(    1px, 0, 0); }
	68%  { transform:translate3d(    1px, 0, 0); }
	72%  { transform:translate3d(     0  , 0, 0); }
	to   { transform:translate3d(     0  , 0, 0); }
}

@keyframes goout_1 {
	from { transform:translate3d( 0px, 0, 0); }
	4%   { transform:translate3d(  -20px, 0, 0); }
	8%   { transform:translate3d(  -50px, 0, 0); }
	12%  { transform:translate3d(  -90px, 0, 0); }
	16%  { transform:translate3d(  -140px, 0, 0); }
	20%  { transform:translate3d(  -200px, 0, 0); }
	24%  { transform:translate3d(  -270px  , 0, 0); }
	28%  { transform:translate3d(  -350px  , 0, 0); }
	32%  { transform:translate3d(  -440px  , 0, 0); }
	36%  { transform:translate3d(  -540px  , 0, 0); }
	40%  { transform:translate3d(  -650px  , 0, 0); }
	44%  { transform:translate3d(  -770px  , 0, 0); }
	48%  { transform:translate3d(  -900px  , 0, 0); }
	to   { transform:translate3d(  -1500px  , 0, 0);}
}