@charset "utf-8";
/* CSS Document */


/*placeholder COLOR*/
::-webkit-input-placeholder {
	color:    #595757;
}

:-moz-placeholder {
   color:    #595757;
   opacity:  1;
}

::-moz-placeholder {
   color:    #595757;
   opacity:  1;
}

:-ms-input-placeholder {
   color:    #595757;
}

/*placeholder FOCUS*/
input:focus::-webkit-input-placeholder {
	color:transparent;
}

input:focus:-moz-placeholder {
	color:transparent;
}

input:focus::-moz-placeholder {
	color:transparent;
}

input:focus:-ms-input-placeholder {
	color:transparent;
}

/*focus effect*/
input[type=email], input[type=number], input[type=password], input[type=text], input[type=submit], textarea , select, button, .input {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, input[type=submit]:focus, textarea:focus, select:focus, .input:focus {
	box-shadow: 0px 0px 5px rgba(153,0,0,0.5);
}





#loginWindowPopup {
	float: left;
	width: 100%;
	background-color: #fff;
	min-height: 372px;
}

#refundWindowPopup {
	float: left;
	width: 100%;
	background-color: #fff;
	height: 372px;
}

#suggestionsWindowPopup {
	float: left;
	width: 100%;
	background-color: #fff;
	height: 372px;
}

.window_wrapper {
	float: left;
	height: 100%;
	width: 100%;
}










/*-------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------註冊/登入-------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
.loginNav {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.loginNav a {
	float: left;
	width: 50%;
	text-decoration: none;
	text-align: center;
	padding: 7px;
	color: #fff;
    -webkit-transition: background-color ease-out 0.8s;
    -moz-transition: background-color ease-out 0.8s;
    -o-transition: background-color ease-out 0.8s;
    transition: background-color ease-out 0.8s;
}

.loginNav a.active {
	color: #000;
}

.loginForm {
	float: left;
	height: auto;
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
}

.registerForm, .passwordForm {
	float: left;
	height: auto;
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.loginForm input[type="text"], .loginForm input[type="number"], .loginForm input[type="password"], .registerForm input[type="text"], .registerForm input[type="number"], .registerForm input[type="password"], .passwordForm input[type="text"], .passwordForm input[type="number"], .passwordForm input[type="password"], .input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	height: 40px;
	padding-right: 10px;
	width: 100%;
	padding-left: 10px;
	font-size: 0.95em;
	color: #666;
	font-weight: normal;
	margin-top: px;
	margin-bottom: 10px;
}

.loginForm div a {
	color: #595757;
}

.loginForm div a:hover {
	color: #999999;
}

#loginUp {
	text-align:center;
    color:#727171;
	font-size: 0.9em;
	line-height: 1.3;
}

#loginUp img {
	float: left;
	width: 100%;
	padding-left: 25%;
	padding-right: 25%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#loginDown {
	float: left;
	width: 100%;
	text-align:center;
    color:#B5B5B6;
	line-height: 1.3;
}

#loginDown #showDiv {
	color:#595757;
	cursor:pointer;
}

#loginDown #showDiv:hover {
	color: #999999;
}

#loginDown a {
	color:#595757;
	text-decoration:none;
}

#loginDown a:hover {
	text-decoration:underline;
}

#showDivBox {
	display: none;
	text-align:center;
    color:#595757;
	padding-left : 10%;
	padding-right : 10%;
	line-height: 1.3;
}

.facebookLoginBtn {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	border: none;
	background-image: url(../images/btn_facebook.png);
	background-position: center center;
	background-size: 175px 32px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
}

.facebookLoginBtn {
}

.facebookLoginBtnText {
	float: left;
	position: absolute;
	right: 50px;
	bottom: 115px;
	font-size: 0.8em;
	color: #fff;
	background-image: url(../images/star.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px;
	text-indent: 15px;
}

.loginBtn {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	border: none;
	margin-top: 10px;
	font-size: 1.02em;
}

.loginBtn {
}

.passwordRegisterBtn {/*下一步*/
	float: left;
	width: 80%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	border: none;
	margin-top: 10px;
	font-size: 1.02em;
	margin-left: 10%;
	margin-right: 10%;
}

.passwordRegisterBtn1 {/*重發驗證碼*/
	float: left;
	width: 80%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	border: none;
	font-size: 1.02em;
	margin-left: 10%;
	margin-right: 10%;
}

.passwordRegisterBtn2 {/*或撥客服專線04-26765346*/
	float: left;
	width: 80%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	border: none;
	font-size: 1.02em;
	margin-left: 10%;
	margin-right: 10%;
}










/*---------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------申請退款金額-------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
#left {
	float:left;
	width: 55%;
	margin-left: 5%;
	margin-top: 5%;
}

#left h2 {
	float: left;
	font-size: 1.2em;
	font-family: CaviarDreams, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;
	padding-bottom: 20px;
	font-weight: normal;
	color: #727171;
}

#left h2 span {
	font-family: AGOPTC;
	color: #C1002D;
}

#left #refundTable {
	float:left;
	width: 100%;
}

#left #refundTable th {
	float:left;
	width: 25%;
	font-weight: normal;
	text-align: left;
	color: #727171;
}

#left #refundTable td {
	float:left;
	width: 75%;
	color: #727171;
}

#right {
	float:left;
	width: 35%;
	margin-right: 5%;
	margin-top: 5%;
}

#right p {
	color: #727171;
	font-size: 0.9em;
}

#left input[type="text"], #left input[type="password"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cccccc;
	height: 40px;
	padding-right: 10px;
	width: 80%;
	padding-left: 10px;
	font-size: 0.95em;
	color: #666;
	font-weight: normal;
	margin-top: px;
	margin-bottom: 10px;
}

#center {
	float:left;
	width: 90%;
	margin: 5%;
	text-align: center;
}

#center h2 {
	float: left;
	font-size: 1.2em;
	font-family: CaviarDreams, Arial, "微軟正黑體", "Microsoft JhengHei", "華文細黑", "STHeiti Light", "冬青黑體", "Hiragino Sans GB", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "標楷體", DFKai-SB, sans-serif;
	padding-bottom: 20px;
	font-weight: normal;
	color: #727171;
	width: 100%;
}

#center p {
	color: #727171;
	font-size: 0.9em;
}

#refundBtn {/*送出 及 OK*/
	float: left;
	width: 26%;
	margin-left: 37%;
	margin-right: 37%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	border: none;
	margin-top: 20px;
	text-decoration: none;
}

#refundBtn1 {/*確定*/
	float: left;
	width: 25%;
	margin-left: 20%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	border: none;
	margin-top: 20px;
}

#refundBtn2 {/*重新填寫*/
	float: right;
	width: 25%;
	margin-right: 20%;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	border: none;
	margin-top: 20px;
}










/*-------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------顧客評價--------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
#suggestions {/*列表*/
	float: left;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#suggestions h2 {
	color: #231815;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2;
	padding-top: 20px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0;
	margin-bottom: 15px;
}

@media only screen and (min-width: 1px) and (max-width: 1130px) {

#suggestions h2 {
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
}

}

#suggestions ul {
	float: left;
	width: 80%;
	padding: 0px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}

@media only screen and (min-width: 1px) and (max-width: 1130px) {

#suggestions ul {
	width: 100%;
	margin: 0;
}

}

#suggestions ul li {
	float: left;
	width: 100%;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

#suggestions ul li .starRating {
	float:left;
	width: 100%;
}

#suggestions ul li .starIcon {
	float: left;
	width: 100px;
}

#suggestions ul li .starIcon .star_bg1 {
	float: left;
	background-image: url('../images/star_bg1.png');
	background-position: left center;
	background-repeat: no-repeat;
	width: 100%;
}

#suggestions ul li .starIcon .star_bg2 {
	float: left;
	background-image: url('../images/star_bg2.png');
	background-position: left center;
	background-repeat: no-repeat;
}

#suggestions ul li .text {
	color: #666;
	float: left;
	font-size: 0.9em;
	margin-left: 10px;
	margin-top: 2px;
}

#suggestions ul li .content {
	float: left;
	width: 100%;
}

#suggestions ul li .photoList {
	float: left;
	margin-top: 2px;
}

#suggestions ul li .photoList .photoBox {
	float: left;
}

#suggestions ul li .photoList .photoBox .photoListClick {
	float: left;
	cursor: pointer;
}

#suggestions ul li .photoList .photoBox .photo-bg {
	float: left;
	width: 50px;
	height: 50px;
    padding: 2px;
	border: 1px solid #b9a092;
	background-size: cover;
	background-position: center;
}

#suggestions ul li .photoList .photoBox .photo-large {
	float: left;
	width: 100%;
	margin-top: 5px;
}

#suggestions ul li .photoList .photoBox .photo-large img {
	float: left;
	max-width: 400px;
}


#suggestions ul li .content p.article {
	float: left;
	width: 100%;
	color: #1E1E1E;
	font-size: 1em;
	line-height: 1.3;
}

#suggestions-table {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 0;
	margin-bottom: 10px;
	border: 1px dotted #ccc;
}

@media only screen and (min-width: 1px) and (max-width: 1130px) {

#suggestions-table {
	width: 100%;
	margin: 0;
}

}

#suggestions-table td {
}

#suggestions-table td.td1 {
	border-right: 1px dotted #ccc;
	text-align: center;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#suggestions-table td.td1 p {
}

#suggestions-table td.td1 strong {
	color: #ff9700;
	font-size: 2.5em;
	line-height: 1;
}

#suggestions-table td.td2 {
	padding: 10px;
}

#suggestions-table td.td2 span {
	color: #ff9700;
}