﻿.drag
{
    position:absolute;
	z-index: 102;
	width:100%;
}
.draging {
	width:100%;
    z-index: 102;
    position:absolute;
    cursor: move;
    filter:alpha(opacity=80); opacity: 0.8;-moz-opacity: 0.8;
}
#aPsmbbox
{
}
#aPsmbbox .aPsmbboxHead
{
	margin: 0 auto;
	border-collapse: collapse;
	border:0;
    width:400px;
    text-align:left;	
}
#aPsmbbox .aPsmbboxHead td
{
	background-color: #4682b4;
}
#aPsmbbox .aPsmbboxHead h2
{
	margin-left: 20px;
	color: #ffffff;
}
#aPsmbbox .aPsmbboxHead .aPsmbtitle
{
	width: 99%;
	cursor: move;
}
#aPsmbbox .aPsmbboxHead .aPsmbclose
{
  width:80px;	
}
#aPsmbbox .aPsmbboxHead .aPsmbCloseBut
{
	display: inline-block;
	width: 60px;
	height: 60px;
	cursor:pointer;
	background-image: url(image/colse.png);
	background-repeat: no-repeat;
	background-position: center 0;
}
#aPsmbbox .aPsmbbodyTable
{
    width:400px;
    text-align:left;	
	margin: 0 auto;
	border-collapse: collapse;
	border:0;
	background-color: #ffffff;
	font-size: 12pt;
}
#aPsmbbox .aPsmbbodyTable td
{
 padding:5px 10px;	
}
#_mwt_close_general
{
    margin-right:30px;		
}
#_mwt_slider_h2_general
{
	color: #696969;
}
.general_tb .carMenu
{
	width:120px;
    height: 22px;
}
.general_tb
{
	font-size:12pt;
	width:100%;
}
.general_tb td.general_tdt
{
	width:80px;
	min-width:80px;
	max-width:80px;
}
.general_tb .general_word
{
	overflow: hidden;
	overflow-wrap: break-word;
	word-wrap:break-word; 
	word-break:break-all;
}
.general_tb .general_word a
{
	overflow: hidden;
}
.general_tb input,.general_tb textarea
{
	width:98%;
	font-size:12pt;
}
.general_tb select
{
	font-size: 12pt;
}

.general_tb input[type='button']
{
    padding: 8px 0;
    cursor:pointer;	
	width:100%;
}
#general_msg
{
	color: #ff0033;
	text-align: center;
}
.general_tb .carMenu .sText
{
	 font-size:12pt;
	 padding: 3px;
	 width:100%;
}
.general_tb .carMenu .sButton
{
	width:20px;
}
.general_tb span.gentl
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
	background-color: #1ea8e1;
	padding: 5px 0;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.general_tb span.gentl2
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
	background-color: #cccc99;
	padding: 5px;
	width: 100%;
	display: inline-block;
	text-align: center;
}
/* 加購視窗 */
.joingo 
{
	background-color: #ffffff;
    padding-bottom:10px;
    height:auto;
    width:100%;
}
.joingo table
{
	border-collapse: collapse;
	font-size: 12pt;
	width: 100%;
}
.joingo table th
{
	text-align:center;
   font-size:12pt;
   padding: 5px 0;
}

.joingo table td
{
	border-top: #a9a9a9 1px solid;
	padding: 5px;
}
.joingo td.jgo2,.joingo td.jgo4
{
    width:15%;	
}
.joingo td.jgo3
{
    width:10%;	
}
.joingo td.jgo2,.joingo td.jgo4
{
	text-align:right;
	padding-right:15px;
}
.joingo .jgo2
{
	background-color: #F9F9F9;
}
.joingo .jgo3
{
	text-align:center;
}
.joingo .sutol_tr td
{
	border-top: #a9a9a9 2px solid;
	font-weight: bold;
}
.joingo .sutol
{
	text-align:right;
	padding-right:15px;
}
.joingo font
{
   white-space:nowrap;
   float:left;	
}
.joingobutbox
{
	margin-top:20px;
	text-align:center;
}
.joingobutbox a {
    cursor: pointer;
    font-size: 12pt;
    padding: 10px 20px;
    display: inline-block;
    margin: 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 6px;
    -moz-box-shadow: 0.5px 1px 5px #999;
    -webkit-box-shadow: 0.5px 1px 5px #999;
    box-shadow: 0.5px 1px 1px #999;
    text-decoration: none;
    background-color: #E0E0E0;
    color: #666666;
}
.joingobutbox a:hover {
    background-color: #C9C9C9;
}
.sp_join:before {
    content: '\f217';
    font-family: "fontello";
}
.sp_join_go:after {
    content: '\e839';
    font-family: "fontello";
}
/* 通用彈出視窗表格
   ========================================================================== */
.rml
{
    width:100%;
}
.rml table
{
	border: #a9a9a9 1px solid;
    width:100%;
    border-collapse: collapse;
}
.rml table td
{
	padding: 5px;
	border: #a9a9a9 1px solid;
    text-align:left;
}
/* 通用彈出視窗輸入
   ========================================================================== */
.queue lable
{
    font-size:1.2em;
    text-align:left;	
    float:left;
}
.queue lable i
{
	color: #ff3300;
	margin: 0 5px;
	font-size:1.2em;
}
.queue p
{
	margin: 5px 0;
	display:inline-block;
	width:100%;
	text-align:left;
}
.queue lable.inp
{
	 float:none;
	 margin-right:10px;
}
.queue input[type='text']
{
   width:100%;
   font-size:1.2em;
   padding:5px;
}
.queue textarea
{
   width:100%;	
   font-size:1.2em;
   padding:5px;
}

/* 登入視窗選單
   ========================================================================== */
.chrgBox
{
    width:400px;
    padding: 30px;
}
.chrgBox .facebook
{
    background-color: #216CB1;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.chrgBox .facebook a
{
    text-decoration: none;
    color: #FFFFFF;
    height: 40px;
    font-size: 12pt;
    display: inline-block;
    line-height: 40px;
    background-image: url(image/icons.png?v=2);
    background-repeat: no-repeat;
    background-position: 5px -60px;
    width:100%;
}
.chrgBox .facebook a:hover
{
    text-decoration: none;
    font-weight: bold;
}

.chrgBox .google
{
    border: 1px solid #CCCCCC;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.chrgBox .google a
{
	text-decoration: none;
	color: #000000;
	height: 40px;
	font-size: 12pt;
	display: inline-block;
	line-height: 40px;
	background-image: url(image/icons.png?v=2);
	background-repeat: no-repeat;
	height: 40px;
	background-position: 5px -528px;
	width: 100%;
}
.chrgBox .google a:hover
{
    text-decoration: none;
    font-weight: bold;
}

.chrgBox .line
{
    margin-top: 10px;
    background-color: #00B900;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.chrgBox .line a
{
    text-decoration: none;
    color: #FFFFFF;
    height: 40px;
    font-size: 12pt;
    display: inline-block;
    line-height: 40px;
    background-image: url(image/icons.png?v=4);
    background-repeat: no-repeat;
    background-position: 5px -633px;
    width:100%;
}
.chrgBox .line a:hover
{
    text-decoration: none;
    font-weight: bold;
}
.chrgBox a
{
	text-decoration: none;
	color: #0066ff;
}
.chrgBox .hr
{
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 20px 0 0 0;
}
.chrgBox .hr hr
{
    border-style: solid none none none;
    border-width: 1px;
    border-color: #CCCCCC;
    background-color: #CC99FF;
}
.chrgBox .hr font
{
    background-color: #FFFFFF;
    display:block;
    position:relative;
    width:40px;
    margin: -20px auto 0 auto;
}
.chrgBox .email
{
    background-image: url(image/icons.png);
    background-repeat: no-repeat;
    height: 40px;
    background-position: 3px -120px;
}
.chrgBox .phone
{
    background-image: url(image/icons.png?v=4);
    background-repeat: no-repeat;
    height: 40px;
    background-position: 5px -588px;
}
.chrgBox .email a,.chrgBox .phone a
{
    font-size: 12pt;
}
.chrgBox a:hover
{
    text-decoration: underline;
}
.chrgBox p
{
    text-align: left;
    text-indent: 12px;
    margin-bottom:10px;
}
.chrgBox .fgtpw
{
   float:right;
   margin-right:10px;   
}
.chrgBox input[type='text'],.chrgBox input[type='password']
{
    border: 1px solid #C0C0C0;
    width:100%;
    font-size: 11pt;
    padding: 10px 0 10px 50px;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666666;
    background-image: url(image/icons.png?v=3);
    background-repeat: no-repeat;
    background-position: 5px -570px;
}
.chrgBox .email_txt input
{
    background-position: 5px -215px;
}
.chrgBox .phone_txt input
{
    background-position: 5px -582px;
}
.chrgBox .password_txt input
{
    background-position: 5px -265px;
}
.chrgBox .nickname input
{
    background-position: 5px -315px;
}
.chrgBox .birthday
{
    border: 1px solid #C0C0C0;
    width:100%;
    font-size: 11pt;
    padding: 10px 0 10px 50px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666666;
    background-image: url(image/icons.png?v=3);
    background-repeat: no-repeat;
    background-position: -758px 5px;
    text-align:left;
}
.chrgBox .birthday select
{
    padding: 8px 15px;
    margin: 0 3px;
    min-height: 24px;
    font-size:12pt;
}
.chrgBox .birthday label
{
    min-height:18px; 
    display:inline-block;
}
.chrgBox .fullname .first_name
{
    width: 80px;
    margin-right:5px;
    float:left;
}
.chrgBox .fullname .last_name
{
	background-image:none;
    padding: 10px;
    width: 170px;
    height:20px;
}
.chrgBox h1
{
    font-size:20pt;
    margin-bottom:20px; 
}
.chrgBoxmsg
{
	min-height: 20px;
	font-size: 12pt;
	padding: 5px;
	color: #ff3333;
}
.fp-controlArrow.fp-prev {
    left: 35px;
}
.fp-controlArrow.fp-next {
    right: 35px;
}
.eptt
{
	text-decoration: none;
	color: #330000;
	padding: 3px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
	border-top: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	background-color: #ffc0cb;
}
.wh100
{
	width: 1024px;
	max-width: 1024px;
	text-align:left;
}
.wh100 img
{
	max-width:100%;
	height:auto;
}
.ui-date,.ui-date-datepicker
{
	background-image: url(image/calendar.png);
	background-repeat: no-repeat;
	background-position: right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	min-height:24px;
	padding:8px 0;
	background-size: auto 100%;
}
.ui-date[type=date]
{
    background:none;
}
.body-admin .followbar
{
    display:none;   
}
.ui-notbg
{
	background-image: none;
}
.up-picture-button {
    text-decoration: none;
    font-style: normal;
    border: 1px solid #6699FF;
    color: #6699FF;
    cursor:pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    padding:5px;
    margin: 5px;
}
.up-picture-button:hover {
    color: #003399;
}

.ui-datepicker {
 width:360px;
}

/*定義格局*/
.mylibgs ul{
   list-style-type:none;
   margin:0;
   padding:0;   
   width:100%;
   float:left;
   border:none;  
}
.mylibgs ul li{
   border:#fff 5px solid;  
   float:left;
   box-sizing: border-box;
}
.mylibgs ul li{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}
.w033{width:33.3%;}
.w050{width:50%;}
.w100{width:100%;}
.mylibgs .w033{height:250px;}
.mylibgs .w050{height:300px;}
.mylibgs .w100{height:350px;}

.myimgs ul{
   list-style-type:none;
   margin:0;
   padding:0;   
   width:100%;
   border:none;  
}
.myimgs ul li{
   border:#fff 5px solid;  
   float:left;
   box-sizing: border-box;
   overflow:hidden;
   display:inline-block;
}
.myimgs img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/*end定義格局*/

@media screen and (max-width: 1024px)
{
	.wh100
	{
		width: 100%;
		max-width: 100%;
	}
}
/*360度旋轉*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*360度旋轉 end*/
@media screen and (max-width: 768px){    
    .mylibgs .w033{height:120px;}
    .mylibgs .w050{height:160px;}
    .mylibgs .w100{height:200px;}
}
@media screen and (max-width: 480px)
{
	.general_tb .carMenu
	{
		width: 110px;
	}
	.general_tb .carMenu .sText
	{
		 font-size:11pt;
		 padding: 0;
	}
	.general_tb .general_sde
	{
		 font-size:10pt;
	}
	.chrgBox
	{
		width:100%;
	}
}