@charset "utf-8";

/* CSS Document */
body {-webkit-text-size-adjust: none;}/*0924新增*/

/****************all****************/
html, body { height:100%;}
body { font-family:"Roboto", "Verdana","Microsoft JhengHei","STHeiti Light","Hiragino Sans GB", "lucida grande", "\4E3D\9ED1 Pro",arial, tahoma, verdana, sans-serif, \5B8B\4F53, "simsun"; unicode-bidi: embed;}
body { margin:0;padding:0;border:0;font-size:10pt;text-align:left;color: #444444;line-height: 140%;}
div,form,img,ul,ol,li,dl,dt,dd { margin:0;padding:0;border:0;list-style-type:none;word-wrap: break-word; word-break:normal;}
h1,h2,h3,h4,h5,h6,table,td,tr,th { margin:0;padding:0;border:0;}
input, p, span, label { margin:0;padding:0;}
input, label { vertical-align:middle;}
body input, body textarea { font-size:12px;}
input, label, select, option, textarea, button, fieldset, legend { font-size:10pt;}
input::-moz-focus-inner { border: 0;}
textarea { resize: none;}

/*****************reset******************/
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{ outline:0}

/*****************clear float****************/
.clearfix { display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */
.clearfix{ *zoom:1}

a {outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); } /* for IE */
a:link {color: #694d40;text-decoration:none}
a:visited {color: #694d40;text-decoration:none}
a:hover {color: #e99fb8;text-decoration:none}
a:active {color: #e99fb8;text-decoration:none}

/* 距離 */
.distanceRT{ padding-right:20px;}
.distanceBM{ padding-bottom:5px}

/* 浮動排列 */
.lf{ float:left;}
.rt{ float:right}

/* Color */
.deepPink{ color:#d93679}
.green{ color:#348f8c}
.powderBlue{ color:#b0c3ea}
.red { color:#dc0078;}
.glay { color:#999999;}
.grayish{ color:#b5b5b5}
.black { color:#000;}
.powderOrange{ color:#e1a3a4}
.brown{color:#a6816e}/*1016新增*/
.none { display:none;}

/* link Color */
a.deepPink{ color:#d93679}
a.green{ color:#348f8c}
a.powderBlue{ color:#b0c3ea}
a.red { color:#dc0078;}
a.glay { color:#999999;}
a.grayish{ color:#b5b5b5}
a.black { color:#000;}
a.powderOrange{ color:#e1a3a4}
a.brown{color:#a6816e}/*1016新增*/

/* BG Color */
.bgW{background:#FFF;}

/* 字級 */
.strong { font-weight:bold;}
.t15{ font-size:15px}
.t16{ font-size:16px}
.t18{ font-size:18px}
.t24{ font-size:24px}
h1{color:#694d40; font-size:15px;}
h1 a{color:#694d40;text-decoration:none}
h1 a:hover,
h1 a.active {color:#e99fb8;}
h2{color:#4e483b; font-size:24px;}
h3{color:#4e483b; font-size:13px;}
h4{color:#ffffff; font-size:13px;}

.en {font-family: 'Roboto', sans-serif; font-weight:300;}

ins{ text-decoration:none}
del{ text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
img { border-width:0; vertical-align:middle;}
.shadow { text-shadow:1px 1px 0 #000;}


/*邊線*/
.lineBrown{border:1px #e1d8cd solid}/*咖啡色*/
.linePink{border:1px #eeb5c8 solid}/*粉紅色*/
.linePinkWide{border:3px #eeb5c8 solid}/*粉紅色*/
.lineGreen{border:1px #468847 solid}/*綠色*/

/*圓角*/
.roundCircular {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;}

.round6 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}

.round6topLR {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;}

.round6bottomLR {
    border-radius: 0 0 6px 6px ;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;}

.round6bottomLR {
    border-radius: 0 0 6px 6px ;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;}

.round6rightLR {
    border-radius:0 6px 6px 0 ;
    -moz-border-radius:0 6px 6px 0 ;
    -webkit-border-radius:0 6px 6px 0;}

/* 圖片模糊 */
.blur{
    -webkit-filter:blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    filter: url(blur.svg#blur);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
}

/* 大背景 */
.container_16 { margin-bottom:100px;}
.grid_8{position:relative; padding-bottom:10px}

/* 對話框 */
.mwt_border{
    /*	width:440px;*/
    text-align:center;
    background:#fff;
    position:relative;
    border: solid 1px #e1d8cd;
    padding:10px;
}
.mwt_border .title{float: left; margin:15px 0px 0px 20px}

/*箭頭左*/
.mwt_border .arrow_l_int{
    width:0px;
    height:0px;
    border-width:15px;
    border-style:solid;
    border-color:transparent #e1d8cd transparent  transparent ;
    position:absolute;
    top:30%;
    left:-30px;
}
/*箭頭左-邊框*/
.mwt_border .arrow_l_out{
    width:0px;
    height:0px;
    border-width:15px;
    border-style:solid;
    border-color:transparent #fff transparent transparent ;
    position:absolute;
    top:30%;
    left:-29px;
}

/*提示*/
.topalert {}
.alert {clear:both;margin:0px auto 10px;border-width:1px;line-height:1.5em; padding:5px 10px;}
.alert-yellow { border-color:#f79646; border-style:dotted;background:#fdeada;}
.alert-green { border-color:#468847; border-style:dotted;background:#DFF0D8;}
.alert-red { border-color:#edb2c6; border-style: dotted;background:#FFF0F2;}
.alert-white { border-color:#999999; border-style:dotted;background:#ffffff; color:#666666}
.alertTitle { font-weight:bold;color:#ff0066;}
.alertTitle img { vertical-align:middle; margin-right:5px;}
.topalert .alertTitle { font-weight:bold;color:#ff0066;}
.topalert .alertTitle img { vertical-align:middle;}
.alert a.closebtn { float:right; margin:3px;}

/*提示*/
.topAlertBox { width:100%; background:#DA3E7C; text-align:center; position:fixed; z-index:999; top:70px;}
.topAlertBox .alertBox { margin:0 auto; padding:20px 0; color:#ffffff; font-size:15px; max-width:960px; position:relative; line-height:1.6em;}
.topAlertBox .alertBox a.close { position:absolute; top:20px; right:10px; color:#e580a7;}

/* 半透明 */
.mask{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; -khtml-opacity: 0.3; }

/*****************外框高度****************/
/*.contentMiddle{ min-height: 700px;margin-top:50px}*/
/*********************************/
body {background:#dceef1;}

.shader { position:fixed; width:100%; height:100%; top:0; left:0; z-index:1100;background-color: rgba(255, 255, 255,.6)}
.shader #loader { position:absolute; top:50%; left:50%; z-index:1101;
    -webkit-animation: loading 1s infinite ease-in-out;
    -moz-animation: loading 1s infinite ease-in-out;
    -o-animation: loading 1s infinite ease-in-out;
    animation: loading 1s infinite ease-in-out;
    margin: -50px 0 0 -50px;
    width: 100px; height: 100px; background-size: 100%; background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/sweetring_logo.svg);
}

@-webkit-keyframes loading {
    0%, 100% { -webkit-transform: scale(1.1) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes loading {
    0%, 100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1) ;
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0) ;
      }
}

body.login { min-width:320px;}
body.login #CopyRight { background:none; min-width:100%; margin:0 auto;}

body.payment { background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/pageBg.jpg) center center no-repeat; background-size:cover; background-attachment: fixed; position:relative; min-height:450px;min-width:320px; height: inherit;}
body.payment #CopyRight { background:none; min-width:100%; margin:0 auto;}


.loginBox { width:100%; text-align:center; margin:0 auto; padding-top: 130px; }
.loginBox h2 { font-size:22px; font-weight:100; width:90%; margin:0 auto 20px; line-height:1.3em; letter-spacing: 1px;}
.loginBox a.button-google { text-align:center; padding:10px 50px; min-width:200px; font-size:18px; font-weight:100;}
.loginBox a.button-FB { text-align:center; padding:10px 50px; min-width:200px; font-size:18px; font-weight:100;}
.loginBox .subLogin { text-align:center; font-size:12px; color:#888888; padding-top:15px;}
.loginBox p { line-height: 1.5em; width: 90%; text-align: center; margin: 0 auto 20px;}

.otherLoginBox { margin: 20px 0;}
.otherLoginTitle { margin:30px 0 20px; font-size: 16px; color: #666666}
.otherLoginTitle a { margin: 0 30px; color: #cccccc;}
.otherLoginTitle a:hover { color: #694d40;}
.otherLoginTitle a.active { cursor: default; color: #694d40; }
.inputBox { display: flex; justify-content: center; align-items: center;}
.inputBox input.loginInput { width: 100%; max-width: 260px; padding:12px 8px; margin-bottom: 10px; border-radius: 4px; border: none; font-size: 14px; color: #666666}
.loginInputPhoneFirst { width: 20%; max-width: 70px; padding:12px 8px; margin:0 10px 10px 0; border-radius: 4px; border: none; font-size: 14px; color: #666666; background: #ffffff; display: block; box-sizing: border-box;}
.inputBox input.loginInputPhone { width: 80%; max-width: 180px; padding:12px 8px; margin-bottom: 10px; border-radius: 4px; border: none; font-size: 14px; color: #666666}
.inputBox a.button-flat{ min-width: 200px;}
.forgetBox { text-align: right; max-width: 270px; margin: 0 auto 10px;}
a.forgetBtn { margin-right: 0px; color: #C0C0C0}
a.forgetBtn:hover { color: #9E9E9E}
.selectBox { height: 200px; overflow-y: scroll; width: 100%; max-width: 276px;  margin-bottom: 10px; border-radius: 4px; color: #666666; background: #ffffff; }
.selectBox a { display: flex; justify-content: space-between; align-items: center; padding:12px 8px; border-bottom: #fbfbfb 1px solid; }

.inputCode { display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.inputBox.inputCode input.loginInput { max-width: 90px; margin-right: 10px; margin-bottom: 0px;}

/**************** topmenu ****************/
.topmenu{ width:100%;height:70px;background: #ffffff; border-bottom: #b3d7df 3px solid; min-width: 960px;
    position: fixed; top: -1px;/*left: 40%;margin-left: -490px;*/;padding-top: 0;padding-bottom: 0;padding-left:10px; z-index:1000;}

.logintopmenu { width:100%;height:75px; padding-top:10px; background:#ffffff; text-align:center; border-bottom:#d4d2d6 1px solid; position:fixed; top:0; z-index:10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.logintopmenu .logo { float:none; margin:0 auto; width:190px; height:60px; position:initial; left:auto;background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/sweetringlogo_2022.png) center center no-repeat; background-size:100% auto;}

.paytopmenu { width:100%;height:80px; padding-top:30px; background:#ffffff; text-align:center; border-bottom:#d4d2d6 1px solid; position: fixed; top: 0; z-index: 101;box-sizing: content-box;}
.paytopmenu .topBox { width:96%; margin:0 auto; padding:0;}
.paytopmenu .logo { float:left; margin:0 auto; width:190px; height:60px; position:inherit; left:auto; background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/sweetringlogo_2022.png) center center no-repeat; background-size:100% auto;}
.paytopmenu .topBox .subtext { font-size:15px; color:#9f9f9f; font-style:italic; float:left; padding-left:30px; padding-top:25px; text-align: left; width: 700px; line-height: 1.5em;}
.userBox { float:right;line-height: 60px; position:relative; z-index:10;}
.userBox a.myAccount:after {  content: ""; background: transparent url("https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/ico_select_01.png") no-repeat scroll 50% 50% / 12px auto; width:20px; height:15px; display:inline-block;}
.userBox .userPic { display:inline-block; margin-right:10px;}
.userBox .userPic img { width: 40px;}
.userBox .userName { display:inline-block; color: #2d2d2d; font-size: 16px;}
.userBox a:hover .userName { color:#5da19e;}
.userBoxMenu { position:absolute; top:50px; right:0; padding:10px 20px; background:#ffffff; border:1px solid #c5c5c5; line-height:normal; text-align:left; width:130px;}
.userBoxMenu a { display: block; padding:10px 0; border-bottom:1px dashed #eeeeee;}
.userBoxMenu a:last-child { border-bottom:none;}

/*LOGO*/
.logo { float:left;display:block;background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/sweetringlogo_2022.png) no-repeat; background-size:100% auto;width:173px;height:44px;margin:15px 0 0;left:30px; position:absolute}
.logo.en {background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/sweetringlogo_2022.png) no-repeat;background-size:100% auto;width:173px;height:44px;margin:15px 0 0;left:30px; position:absolute}
.myin { float:left; padding:6px 5px; margin:32px 3px 10px 0px; color:#d9d9d9; font-size:11px; -webkit-transform:scale(0.75); left:205px; position:absolute; display: none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .myin{float:left;padding:6px 5px; margin:34px 3px 10px 20px; color:#d9d9d9; font-size:11px; -webkit-transform:scale(1); display: none;left:185px; position:absolute}
}
.yahooTopmenu .yahoologo { float:left;display:block;background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/ylogo.png) no-repeat; background-size:100% auto;width:173px;height:44px;margin:15px 0 0;left:30px; position:absolute}
.yahooTopmenu .logo{ float:right; display:block;background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/sweetringlogo.png) no-repeat; background-size:100% auto;width:173px;height:44px;margin:15px 0 0; position:inherit; right: 220px; left:inherit;}
.yahooTopmenu .myin {  float:right; padding:6px 5px; margin:32px 3px 10px 0px; color:#d9d9d9; font-size:11px; display: none;left:inherit; position:inherit; right: 30px;}
.yahooTopmenu .yahooText { position: absolute;  right: 410px; top:38px;}
@media screen and (max-width:640px) {
    .yahooTopmenu .logo { right:0px;}
    .yahooTopmenu .yahoologo {left:0px; }
    .yahooTopmenu .myin{ display:none}
    .yahooTopmenu .yahooText { position: absolute;  right: 10px; top:80px;}
}
/*TOPMENU*/
a.btn_menu{ position:relative;float:right; background:#ffffff;color:#d3c1b6; height:30px;margin:10px 0px 0px 0px;padding:20px 20px 0px 20px;display:inline-block;*display: inline;vertical-align: middle;*zoom: 1;text-decoration:none}

@media screen and (max-width:1048px) {
    .myin {
        display: none;
    }
}

.topmenu .newinfo { float:right; margin-top:30px; margin-right:20px; color:#e580a7;}
@media screen and (max-width:768px) {
    .topmenu .newinfo { float:right; width:50%; margin-top:14px; font-size:12px; line-height:1.3em; margin-right:10px; color:#e580a7;}
}

a.btn_menu.line { }
a:hover.btn_menu { color:#694d40;text-align:center;}
a.btn_menu.active { color:#694d40;background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/bg_menu.gif) center bottom no-repeat;}

a.btn_menu.iconNav { float:right; margin-top:20px; position:relative; line-height:50px; margin-right:8px; padding:0; border:none;}
a.btn_menu.iconNav.active {border:none;}
a.btn_menu.iconNav:hover {border:none;}
a.btn_menu.search { width:50px; height:50px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_search.png) center center no-repeat; background-size: 50%; text-indent: -999px; white-space: nowrap;}
a.btn_menu.search:hover { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_search_on.png) ;}
a.btn_menu.search.active { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_search_on.png) ;}
a.btn_menu.meet { width:50px; height:50px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_meet.png) center center no-repeat; background-size: 50%; text-indent: -999px; white-space: nowrap;}
a.btn_menu.meet:hover { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_meet_on.png) ;}
a.btn_menu.meet.active { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_meet_on.png) ;}
a.btn_menu.chats { width:50px; height:50px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_chat.png) center center no-repeat; background-size: 50%; text-indent: -999px; white-space: nowrap;}
a.btn_menu.chats:hover { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_chat_on.png) ;}
a.btn_menu.chats.active { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_chat_on.png) ;}
a.btn_menu.want { width:50px; height:50px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_want.png) center center no-repeat; background-size: 50%; text-indent: -999px; white-space: nowrap;}
a.btn_menu.want:hover { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_want_on.png) ;}
a.btn_menu.want.active { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_want_on.png) ;}
a.btn_menu.qa { width:50px; height:50px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_qa.png) center center no-repeat; background-size: 50%; text-indent: -999px; white-space: nowrap;}
a.btn_menu.qa:hover { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_qa_on.png) ;}
a.btn_menu.qa.active { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_qa_on.png) ;}
a.btn_menu.logout { width:50px; height:50px; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_logout.png) center center no-repeat; background-size: 50%; text-indent: -999px; white-space: nowrap;}
a.btn_menu.logout:hover { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_logout_on.png) ;}
a.btn_menu.logout.active { background-image:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/topbar_icon_logout_on.png) ;}
a.btn_menu.myfile { width:50px; height:50px; text-align:center;  }

.filePic { width:30px; margin:10px auto 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

a.btn_menu.iconNav.active:after{ content:"."; width:100%; height:100%; display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/bg_menu.gif) center bottom no-repeat; position:absolute; bottom:0; left:0;}

a.btn_menu span.notice {
    position: absolute;
    top: -7px;
    right: -6px;
    padding: 0px;
    color: #FFF;
    background: #e580a7;
    width:25px;
    height:25px;
    vertical-align:middle;
    line-height:25px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    font-weight:bold;
    text-indent: 0px;
}

a.btn_menu span.new {
    font-size:10px;
    font-weight:bold;
    color:#e580a7;
    position: absolute;
    top: 10px;
    right: 11px;
    letter-spacing: -1px;
}


/**************** ALL CSS ****************/
.topBox{width:960px; margin:0 auto; margin-bottom:10px;padding-top: 80px;}
.container_16 { background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/bg_center.gif);padding:10px 0px;}
.caption{position:relative;margin-top:75px; background:#9cdedf; margin-bottom:10px; text-align:center; padding:18px 20px 20px 20px; color:#FFF; font-size: 24px}

.permission_box { text-align: center; padding: 150px 0 0; min-height: 500px; margin: 0 auto;}
.permission_box .loginphoto { width: 90px; margin: 0 auto 20px; overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.permission_box .loginphoto img { width: 100%;}
.permission_box .loginname { margin-bottom: 20px; font-size: 17px; font-weight: bold;}
.permission_box h2 { line-height:2em; margin:0 auto 10px; color:#54595d; width:90%;}
.permission_box .reason { line-height:1.8em; font-size:15px;width:90%; margin:0 auto 20px;}
.permission_box a.button { margin-bottom: 20px; line-height: 1.3em; max-width: 90%; height: inherit; padding: 10px;}
.permission_box a { line-height: 1.6em;}

/*搜尋條*/
.searchBar {margin:5px 0 10px;border:#b3d7df 1px solid; position:relative;
    background-color: #ffffff;
    *background-color: #ffffff;
    background-repeat: repeat-x;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.searchBar.match{ float:left; margin-top:5px;border:#e580a7 1px solid; position:relative;
    background-color: #ffffff;
    *background-color: #ffffff;
    background-repeat: repeat-x;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}/*050414*/
.searchBar a.searchContent {padding:10px 10px 10px 10px; display:inline-block; text-decoration:none; color:#727272;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width : 100%;
    box-sizing:border-box;
}
.searchBar a.searchContent:hover {  background-color: #f5f5f5;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}

.searchBar input.searchContent { padding:8px; display:inline-block; text-decoration:none; color:#727272; border:none;
    max-width : 526px;
    width : 526px;
    margin: 0 0 0 2px;
}

.searchBar a.searchBtn {padding:8px 10px 6px 10px; display:inline-block; text-decoration:none; color:#996633;
    background-repeat: repeat-x;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    background:#84dcda;
    width:20px;
    position: absolute;
    top:0;
    right:0;
}
.searchBar a.searchBtn:hover {background:#348f8c;}

.searchBar a.searchBtn.advance { width:80px; color:#000; background:#84dcda;}/*050414*/
.searchBar a.searchBtn.matchbtn { color:#000; background:#e580a7;}/*050414*/

.searchOption { padding:12px 30px; background:#f3f2ed; border:#e1d8cd 1px solid; position:absolute; top:-1px; left:-1px; min-width:300px; z-index:999; display: none; color:#694d40;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.searchOption.active { display:block;}
.searchOption ul { padding:0; margin:0;}
.searchOption ul li { line-height:1.5em; list-style:none; margin-bottom:10px; border-bottom:1px solid #cdccc7; padding:0px 0px 8px 0px}
.searchOption ul li label { width:80px; display:inline-block;}
.searchOption ul li input { padding:2px; margin:0;}
.searchOption ul li input.yaer { width:30px; border:1px solid #bfbfbf}
.searchOption ul li select { padding:2px; margin:0;}
.searchOption ul li select.searchArea { width:50%; margin-bottom:5px; overflow:hidden;}
.searchOption ul li select.searchArea2 { width:50%; margin-left:85px; overflow:hidden;}

.searchAct { text-align:center; padding:10px;}

.search_other { float:left; padding:0;}

.search_order { float:right; width:auto !important; padding:2px; margin-right:0 !important;}
.search_order select { padding:7px;border:1px solid #b3d7df;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}

/*搜尋條 右方選擇區*/
.menuBtnBox {float:right; padding:18px 10px 10px 0px;}
.menuBtnBox .menuBtnInner {}
.menuBtnBox .menuBtnInner a {float:left; padding:0px 30px; text-decoration:none; border-right:#b5b5b5 1px solid; color:#b5b5b5; position:relative}
.menuBtnBox .menuBtnInner a.firstBtn { border-left:#b5b5b5 1px solid; border-right: #b5b5b5 1px solid; }
.menuBtnBox .menuBtnInner a.lastBtn { border-right:#b5b5b5 1px solid; border-left: none;}
.menuBtnBox .menuBtnInner a:hover,
.menuBtnBox .menuBtnInner a.active {color:#e99fb8;}
.menuBtnBox .menuBtnInner a.disable { background: #f1f1f1; color: #CACACA;}
.menuBtnBox .menuBtnInner a.disable:hover { background: #f1f1f1; color: #CACACA; cursor: default;}

.menuBtnBox .menuBtnInner a span.notice {
    position: absolute;
    top: -12px;
    right: -5px;
    padding: 0px;
    color: #FFF;
    background: #e580a7;
    width:25px;
    height:25px;
    vertical-align:middle;
    line-height:25px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    z-index:10;
}


/**/
.menuBtnBox { float:right; padding:5px 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.menuBtnBox .menuBtnInner {}
.menuBtnBox .menuBtnInner a { float:left; padding:10px 15px; text-decoration:none; border:#b3d7df 1px solid; border-right:#cccccc 1px solid; border-left:none; background:#FFF;}
.menuBtnBox .menuBtnInner a.firstBtn { border-left:#b3d7df 1px solid; border-right: #b3d7df 1px solid;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.menuBtnBox .menuBtnInner a.lastBtn { border-right:#b3d7df 1px solid; border-left: none;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.menuBtnBox .menuBtnInner a:hover,
.menuBtnBox .menuBtnInner a.active { background:#84dcda; color:#ffffff;}


.menuBtnBox .menuBtnInner .moreBtn { float:left; color:#b5b5b5; position: relative;}

/*加值*/
.menuBtnBox .menuBtnInner .moreBtn .bonusBox { display: none; z-index:999}
.menuBtnBox .menuBtnInner .moreBtn.active .bonusBox { display:block;}
.menuBtnBox .menuBtnInner .moreBtn .bonusBox{ border:#e6dfd1 1px solid; background:#FFF; position:absolute; top:35px; left:0; min-width:90px;width:120px;padding:3px 0;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}
.menuBtnBox .menuBtnInner .moreBtn .bonusBox li { list-style:none; text-align:center;  border-right:none;width:100px; font-size:15px}
.menuBtnBox .menuBtnInner .moreBtn .bonusBox a { text-decoration:none; display:block; padding:10px 10px;width:100px; border:none}
.menuBtnBox .menuBtnInner .moreBtn .bonusBox a:hover { background:#fff7f9; color:#E99FB8 }

/*更多*/
.menuBtnBox .menuBtnInner .moreBtn .moreBox { display: none; z-index:999}
.menuBtnBox .menuBtnInner .moreBtn.active .moreBox { display:block;}
.menuBtnBox .menuBtnInner .moreBtn .moreBox{ border:#e6dfd1 1px solid; background:#FFF; position:absolute; top:35px; right:0px; min-width:90px;width:120px;padding:3px 0;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}
.menuBtnBox .menuBtnInner .moreBtn .moreBox li { list-style:none; text-align:center;  border-right:none;width:100px; font-size:15px}
.menuBtnBox .menuBtnInner .moreBtn .moreBox a { text-decoration:none; display:block; padding:10px 10px;width:100px; border:none;}
.menuBtnBox .menuBtnInner .moreBtn .moreBox a:hover { background:#fff7f9; color:#E99FB8 }


/********20140529新版權頁尾*******/
#CopyRight {
    position: relative;
    position: relative /9;
    *position: inherit;
    background: #eef7f8;
    padding: 30px 0px 30px 0px;
    text-align: center;
    clear: both;
    /*height:150px;*/
    margin:0px 0px 0px 0px;
	min-width:100%;
}

/********footermsg*******/
#CopyRight .footermsg {margin:0 auto; max-width:1000px;}
#CopyRight .footermsg .columnLogo {float:left; text-align: center; color:#cc003e; font-size:12px; line-height:1.2em; padding:0px 15px 0px 10px;height:90px}
#CopyRight .footermsg .columnLogo img { margin-bottom:5px;}
#CopyRight .footermsg .column{ /*float: right; text-align:  right; */padding:10px 20px; color:#b5b5b5; line-height: 1.6em;}
#CopyRight .footermsg .ownership{ display: block; font-size:12px; padding:10px; color:#b5b5b5;}

.footerPicture { margin-top:0px; margin-bottom:20px;}
.footerPicture li { display:inline-block; color:#626262; vertical-align:top; margin-right:10px; width:10%; min-width: 120px; line-height:1.6em;}
.footerPicture li.app { width:120px; margin-top:30px;}
.footerPicture li.app img { max-width: 120px;}
.footerPicture li i { margin:0 auto 10px; display:block;}


.footerPicture.index { margin-top:0px; margin-bottom:30px;}

.indexappdown { margin-bottom:30px}
.indexappdown li { display:inline-block; color:#626262; vertical-align:top; margin:0 5px; width:10%;min-width: 150px; line-height:1.6em;}
.indexappdown li.app { width:120px; min-width:inherit;}
.indexappdown li i { margin:0 auto 10px; display:block;}
.indexappdown li.app img { height:40px;}

/*  footer */
.footer  { padding:60px 0; width:100%; text-align:center;}
.footer .applink { color:#222222; font-size:13px; font-weight:100; margin-bottom:30px;}
.footer .applink a { margin:0 5px; display:inline-block;}
.footer .applink a img { height:40px;}
.footer .snsBox { display: inline-block;}
.footer .copyRight {
	position: relative;
    padding: 0px 30px;
    text-align: center;
    clear: both;
    margin: 0px 0px 0px 0px;
	background:none;
    width: 100%;
	color:#222222;
	box-sizing: border-box;
}
.footer .copyRight a { color:#222222;  font-weight:300; }
.footer .copyRight .footermsg .ownership { color:#222222; font-weight:100; padding-top: 10px;}
.footer .copyRight .footermsg .column { color:#222222; font-size: 12px; line-height: 2em; }


/*照片大小設定*/
.bigSizePic { margin:0 auto 5px; width:460px; height:460px; text-align:center; overflow:hidden;}
.bigSizePic img {width:460px;}

.minSizePic { margin:0 auto 5px; width:105px; height:105px; text-align:center; overflow:hidden;}
.minSizePic img { width:105px;}

.bSizePic { margin:0 auto 5px; width:460px; height:380px; text-align:center; overflow:hidden;}
.bSizePic img { width:460px;}

.medSizePic { margin:0 auto 5px; width:200px; height:200px; text-align:center; overflow:hidden;}
.medSizePic img { width:200px;}
.mainPhoto .medSizePic img { width:200px;}
.medSizePic img { width:150px;}

.mSizePic { margin:0 auto 5px; width:100px; height:100px; text-align:center; overflow:hidden;}
.mSizePic img { width:100px;}

.sSizePic { margin:0 auto 5px; width:60px; height:60px; text-align:center; overflow:hidden;}
.sSizePic img { width:60px;}

.bSizeBg {width:460px; height:380px;}
.bSizeBg .bSizeImg {background:#FFF;width:460px; height:380px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;display:table-cell;}
.bSizeBg .bSizeImg a {width:460px; height:380px;line-height:190px;vertical-align:middle;display:table;position:absolute;top:-240px;left: 0px;}
.bSizeBg .bSizeImg a .piccenter { display: table-cell;text-align: center;vertical-align: middle; }
.bSizeImg a .piccenter * { vertical-align:middle; width:460px;}
.bSizeImg a .piccenter span {display: inline-block; height: 100%;}

.mSizeBg {width:100px; height:100px;}
.mSizeBg .mSizeImg {background:#FFF;width:100px;height:100px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;display:table-cell;}
.mSizeBg .mSizeImg a {width:100px;height:100px;line-height:50px;vertical-align:middle;display:table;position:absolute;top:-50px;left: 0px;}
.mSizeBg .mSizeImg a .piccenter { display: table-cell;text-align: center;vertical-align: middle; }
.mSizeImg a .piccenter * { vertical-align:middle; width:100px;}
.mSizeImg a .piccenter span {display: inline-block; height: 100%;}

.sSizeBg {width:60px; height:60px;}
.sSizeBg .sSizeImg {background:#FFF;width:60px;height:60px;overflow:hidden;position:relative;text-align:center;vertical-align:middle;display:table-cell;}
.sSizeBg .sSizeImg a {width:60px;height:60px;line-height:60px;vertical-align:middle;display:table;position:absolute;top:-30px;left: 0px;}
.sSizeBg .sSizeImg a .piccenter { display: table-cell;text-align: center;vertical-align: middle; }
.sSizeImg a .piccenter * { vertical-align:middle; width:60px;}
.sSizeImg a .piccenter span {display: inline-block; height: 100%;}

.teaseBoxpic { width:75px; border:1px solid #000}
.teaseBoxpic .img { height:75px;overflow:hidden;text-align:center;vertical-align:middle;width:75px;margin:0px;}
.teaseBoxpic .img a { height:75px;vertical-align:middle;width:75px; display:table;}
.teaseBoxpic .img a .piccenter { display: table-cell;text-align: center;vertical-align: middle; width: 75px; height: 75px;}
.teaseBoxpic .img a .piccenter * { vertical-align: middle;width:75px;}
.teaseBoxpic .img a .piccenter span  {display: inline-block; height: 100%;}


/*按鈕區*/
.button {
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    background-color: #eeeeee;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: linear-gradient(top, #fbfbfb, #e1e1e1);
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    border: 1px solid #d4d4d4;
    height: 32px;
    line-height: 32px;
    padding: 0px 25.6px;
    font-weight: 300;
    font-size: 14px;
    color: #666666;
    text-shadow: 0 1px 1px white;
    margin: 0;
    text-decoration: none;
    text-align: center; }
/* line 42, ../scss/partials/_buttons.scss */
.button:hover {
    background-color: #eeeeee;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #ffffff, #dcdcdc);
    background: -moz-linear-gradient(top, #ffffff, #dcdcdc);
    background: -o-linear-gradient(top, #ffffff, #dcdcdc);
    background: linear-gradient(top, #ffffff, #dcdcdc); }
/* line 46, ../scss/partials/_buttons.scss */
.button:active {
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
    background: #eeeeee;
    color: #bbbbbb; }
/* line 52, ../scss/partials/_buttons.scss */
.button:focus {
    outline: none; }

/* line 58, ../scss/partials/_buttons.scss */
input.button, button.button {
    height: 34px;
    cursor: pointer;
    -webkit-appearance: none; }

/* line 65, ../scss/partials/_buttons.scss */
.button-block {
    display: block; }

/* line 74, ../scss/partials/_buttons.scss */
.button.disabled,
.button.disabled:hover,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    background: #EEE;
    border: 1px solid #DDD;
    text-shadow: 0 1px 1px white;
    color: #CCC;
    cursor: default;
    -webkit-appearance: none; }

/* line 86, ../scss/partials/_buttons.scss */
.button-wrap {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e3e3), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #e3e3e3, #f2f2f2);
    background: -moz-linear-gradient(top, #e3e3e3, #f2f2f2);
    background: -o-linear-gradient(top, #e3e3e3, #f2f2f2);
    background: linear-gradient(top, #e3e3e3, #f2f2f2);
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.04);
    padding: 10px;
    display: inline-block; }

.button-rounded {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;}

.button-flat {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #eeeeee;
    border: none;
    text-shadow: none; }
/* line 105, ../scss/partials/_buttons.scss */
.button-flat:hover {
    background: #fbfbfb; }
/* line 108, ../scss/partials/_buttons.scss */
.button-flat:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #eeeeee;
    color: #bbbbbb; }
/* line 113, ../scss/partials/_buttons.scss */
.button-flat.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }


/*另外新增*/

.buttonBig{width:370px;height:55px;font-size:30px;font-family:Verdana, Geneva, sans-serif, Microsoft JhengHei;padding:15px 20px 5px 20px; text-align:left; position:relative}
.buttonBig span{ position:absolute;top:22px; left:100px}

.buttonSquare{padding:40px 40px 40px 40px;font-size: 18px;line-height: normal; line-height:1.4em; font-weight:bold; font-family:Verdana, Geneva, sans-serif}
.buttonSquare span{ font-size:12px;}

.buttonLong{padding:20px 40px 60px 40px;font-size: 18px;line-height: normal; line-height:1.3em; font-weight:bold; font-family:Verdana, Geneva, sans-serif}
.buttonLong span{ font-size:12px;}

.buttonS {height: 15px;line-height: 15px;padding: 5px 20px;font-weight: 300px;font-size: 12px;}

.buttonL {height: 25px;line-height: 15px;padding: 15px 50px 5px 50px;font-weight: 300px;font-size: 16px;}

.button-darkGreen {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #41a5a3;
    color:#ffffff;
    text-shadow: none;
    border: none; }
/* line 330, ../scss/partials/_buttons.scss */
.button-darkGreen:hover {
    background: #72d4d3; color:#ffffff }
/* line 333, ../scss/partials/_buttons.scss */
.button-darkGreen:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #84dcda;
    color: #ffffff; }
/* line 338, ../scss/partials/_buttons.scss */
.button-darkGreen.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }
.button-darkGreen:link {color:#ffffff;}
.button-darkGreen:visited{color:#ffffff;}


/* line 96, ../scss/partials/_buttons.scss */
.button-lightGreen{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #b4c2c2;
    border: none;
    text-shadow: none;
    color:#ffffff;
}
/* line 105, ../scss/partials/_buttons.scss */
.button-lightGreen:hover {
    background: #cbd9d9; }
/* line 108, ../scss/partials/_buttons.scss */
.button-lightGreen:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #eeeeee;
    color: #666666 !important; }
/* line 113, ../scss/partials/_buttons.scss */
.button-lightGreen.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }
.button-lightGreen:link {color:#ffffff;}
.button-lightGreen:visited{color:#ffffff;}


/* 首頁 FB按鈕色*/
.button-FB {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #5571b0;
    color: white;
    text-shadow: none;
    border: none; }
.button-FB:hover {
    background: #3c5897; }
.button-FB:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #adbad4;
    color: #ffffff; }
.button-FB.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }
.button-FB:link {color:#ffffff;}
.button-FB:visited{color:#ffffff;}

/* 首頁 google按鈕色*/
.button-google {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #ffffff;
    color: #333333;
    text-shadow: none;
    border: none; margin-bottom: 12px;}
.button-google:hover {
    background: #ffffff; }
.button-google:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #fbfbfb;
    color: #333333; }
.button-google.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }
.button-google:link {color:#333333;}
.button-google:visited{color:#333333;}

/* 首頁 Yahoo按鈕色*/
.button-Yahoo {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #400090;
    color: white;
    text-shadow: none;
    border: none; }
.button-Yahoo:hover {
    background: #2f0464; }
.button-Yahoo:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #2f0464;
    color: #ffffff; }
.button-Yahoo.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }
.button-Yahoo:link {color:#ffffff;}
.button-Yahoo:visited{color:#ffffff;}

/* 桃紅*/
.button-pink {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #d93679;
    color: white;
    text-shadow: none;
    border: none; }
.button-pink:hover {
    background: #ba2c66; }
.button-pink:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #ba2c66;
    color: #ffffff; }
.button-pink.disabled {
    background: #ba2c66; text-shadow: none; color:#ffffff;
}
.button-pink.disabled:hover {
    background: #ba2c66; text-shadow: none; color:#ffffff;
}
.button-pink:link {color:#ffffff;}
.button-pink:visited{color:#ffffff;}

/* 淡橘*/
.button-lightOrange {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #f0786f;
    color: white;
    text-shadow: none;
    border: none; }
.button-lightOrange:hover {
    background: #db473d; }
.button-lightOrange:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #db473d;
    color: #ffffff; }
.button-lightOrange.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }
.button-lightOrange:link {color:#ffffff;}
.button-lightOrange:visited{color:#ffffff;}

/* 淡橘*/
.button-yellow {
  -webkit-box-shadow: 0px 3px 0px #da8159;
  -moz-box-shadow:0px 3px 0px #da8159;
  box-shadow: 0px 3px 0px #da8159;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #ffc12c;
  color: white;
  text-shadow: none;
  border: none; }
.button-yellow:hover {
    background: #e8a400; }
.button-yellow:active {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
    background: #e8a400;
    color: #ffffff; }
.button-yellow.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none; }
.button-yellow:link {color:#ffffff;}
.button-yellow:visited{color:#ffffff;}

/****************popwin.htm*************/
.grid_7{ padding:0px 0px; box-sizing:border-box;text-align:center}
.pop { max-width: 600px; min-width: 300px;}
.pop .popTop{background:#fae5ec; color:#e580a7; font-size: 16px; padding:15px 10px; line-height:1.3em}
.pop .cell a{float:right; margin:5px 5px}
.pop .popTop a{ float:right;}
.pop .popContent { padding:20px 95px; text-align:center}
.pop .popContent ul { text-align:center}
.pop .popContent li { float:left; }
.pop .popContent li.pair { padding:30px 0px 0px 20px;}
.pop .msg{ text-align:center; padding:20px 20px; border-top:1px dashed #CCC; font-size:15px}
.pop .popbtn{ padding:0px 20px 30px 20px}
.pop .popContent ul.list_style_decimal { text-align:left; margin-left:20px;}
.pop .popContent ul.list_style_decimal li { list-style:decimal; float:none;}


.pop .phone a{float:right; margin:5px 5px}
.pop .popphone{ margin:70px 70px 50px 70px}
.pop .popphone ul{text-align: left; margin-bottom:50px}
.pop .popphone li{margin:20px 0px 0px 0px;}
.pop .popphone li select{padding:4px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}
.pop .popphone li input {padding:6px 4px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}

.pop .blacklist a{margin:5px 5px}
.pop .blackBox { margin:50px 0px 10px 0px; padding:0px 0px 20px 0px; overflow: auto;}
.pop .blackBox ul { height: 300px; overflow-y: auto; overflow-x: hidden;}
.pop .blackBox li { padding:10px 20px;border-bottom:1px #CCC dashed; width: 500px;}
.pop .blackBox li .photo { float:left; margin:0px 0px; padding:0px 0px;}
.pop .blackBox li .photo .mSizePic { width: 100px; height: 100%;}
.pop .blackBox li .photo .mSizePic img { width: 100%;}
.pop .blackBox li .name { float:left; padding:45px 15px 0px 15px; height:55px; width: 200px; text-align:left;  }
.pop .blackBox li .openname { float:left; padding:30px 15px 0px 15px; line-height:1.6em; text-align:left;  }
.pop .blackBox li .push { float: right;padding:35px 0px 0px 0px; height:65px;width: 150px;  }
.pop .blackBox .moerbtn { margin-top:30px}

a.popClose { width:33px; height:33px; display:block; background:url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/iconSprite.png) -210px -300px no-repeat;float:right; margin-top:-4px;}
a.popClose.show { visibility: visible;}
a.popClose:hover { background-position:-252px -300px;}
a.popClose.active { background-position:-252px -300px; }
.pop label { display:inline-block; min-width:50px; margin-right:10px;}
.pop select {
    padding:4px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686
}
.pop input {padding:6px 4px;border:1px solid #bfbfbf;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#868686}

.pop table { width: 100%; margin: 10px auto; text-align: center; border: 1px solid #cccccc;}
.pop table thead tr td { background-color:#dceef1; padding: 5px; border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;}
.pop table tbody tr td { padding: 5px; border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;}
.pop table.tablestyle2 tbody tr td { border-left: none;}
.pop table.tablestyle2 tbody tr td:first-child {background-color:#dceef1;}

.pop .quizPopSelect { text-align:center; padding:20px; max-height:300px; line-height:1.8em; overflow: auto;}
.pop .popContent .quizPopSelect li { float: none; display: block; border-bottom: #efefef 1px solid}
.pop .quizPopSelect li a { display: block; padding: 8px 0; text-align: left; font-size: 15px; }
.pop .answerquizBox { padding: 10px 15px; text-align: left; max-width: 300px;}
.pop .answerquizBox h2 { font-size: 18px; display: block; margin-bottom: 10px;}
.pop .answerquizBox .quiz { font-size: 18px; margin-bottom: 10px; line-height: 1.6em; color: #348f8c}
.pop .quizAnswerBox { margin-bottom:10px;}
.pop .answerquizBox .quizAnswerBox textarea { width: 100%; min-height: 80px; }
.pop .answerquizBox .quizAnswerBox input { width: 100%; margin-bottom: 10px; box-sizing: border-box; }
.popContent.quizContent { padding:20px; height:auto; line-height:1.8em;}

.pop.yesMsg { min-width:500px;}
.pop.yesMsg .title { font-size: 22px; margin-bottom: 10px; float: none; line-height: 1.6em;}
.pop.yesMsg .subtext { font-size: 15px; margin-bottom: 10px;}
.pop.yesMsg .popContent { padding:20px; line-height:1.8em; height: auto;}
.pop.yesMsg .popContent ul { padding: 20px 0 0; margin-bottom:10px;}
.pop.yesMsg .popContent ul .pair { text-align: left;}
.pop.yesMsg .popbtn_sub { text-align: center; padding: 20px 0; }
.pop.yesMsg .popbtn_sub input { margin-right: 10px;}
.pop.yesMsg .popbtn_sub label { font-size: 15px;}
.pop.yesMsg .popbtn_sub_info { line-height: 1.5em; padding: 20px 0 0;}
.pop.yesMsg .yesMsgText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 32px;
    padding: 5px;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 18px;
}
.pop.yesMsg .popbtn .buttonGroup { margin-bottom: 10px; width: 100%;}
.pop.yesMsg .popbtn .buttonGroup a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline:none;
    line-height: 32px;
    padding: 5px;
    text-align: center;
    height: inherit;
    margin-bottom: 0;
}
.pop.yesMsg .popbtn .buttonGroup a {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.pop.yesMsg .popbtn .buttonGroup a:last-child {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.pop.yesMsg .popbtn .buttonGroup a.button-pink {
    border-right: 1px solid #e580a7;
}
.pop.yesMsg .popbtn .buttonGroup a.button-darkGreen {
    border-right: 1px solid #b4c2c2;
}
.pop.yesMsg .popbtn .buttonGroup a.yesMsgText { text-align: left;}

.pop.yesMsg .popbtn .buttonGroup a.editBtn { width: 20%;
    vertical-align: middle;
}
.pop.yesMsg .popbtn .button-darkGreen {
    margin-bottom: 10px;
    height: auto;
    line-height: 32px;
    padding: 5px;
}
.pop.yesMsg .editBox { margin-bottom: 10px;}
.pop.yesMsg .editBox textarea { padding: 5px; width: 100%; min-height: 80px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    font-size: 15px;
    line-height: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pop.yesMsg .editBox a.button{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline:none;
    line-height: 32px;
    height: inherit;
}
.pop.yesMsg .editBox a.button {
    -webkit-border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    -ms-border-radius: 0 0 0 6px;
    -o-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    padding: 8px 0;
}

.pop.yesMsg .editBox a.button:last-child {
    -webkit-border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    -ms-border-radius: 0 0 6px 0;
    -o-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    padding: 8px 0;
    border-left: 1px solid #ffffff;
}
.pop.yesMsg .editBox a { width: 50%;}
.pop.yesMsg a.addNew { margin-bottom: 10px;}

.popContent .sayhi { font-size: 15px}
.popContent .sayhiMagBox { width: 100%; height: 50px;}

.pop .popContent.dailymeet { padding: 5px; }
.dailymeet .dailyPeople { width: 260px; margin:0 6px 20px; float: left;border: #efefef 1px solid; padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.dailymeet .dailyPeople .mSizePic { width: 120px; height: auto; float: left;}
.dailymeet .dailyPeople .mSizePic img { width: 100%;}
.dailymeet .dailyPeople h2 { padding-left: 10px; width: 130px; font-size: 15px; margin-bottom: 5px; float: left;}
.dailymeet .dailyPeople h2 label { display: block; margin: 3px 0;
    background: #fae5ec; padding: 1px; text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.dailymeet .dailyPeople .btnBox { clear: both; padding-top: 10px;}
.dailymeet .dailyPeople .btnBox .checked { padding:4px 5px; font-size:15px;}
.nameinfo {height: 1.5em;line-height: 1.5em; white-space: nowrap; overflow:hidden;text-overflow: ellipsis; width: 100%; display: inline-block;}

/*0617新增 個人觀隨機提問*/
.pop .quiza { padding:20px; height:auto; line-height:1.8em;text-align:center;border-bottom:#CCC dashed 1px; margin-bottom:30px}
.pop .quiza .quizaPhotoBox { padding: 10px 0px; text-align: center;}
.pop .quiza .quizaPhotoBox .mSizePic { display: inline-block; margin: 0 2px; width: 50px; height: 50px;}
.pop .quiza .quizaPhotoBox .mSizePic img { width: 50px;}
.pop .quiza .quizaPhotoBox .mSizePic.round6 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.pop .quiza ul { text-align:left; padding-top:10px; margin:0px;}
.pop .quiza ul li { float:none; margin-bottom:10px;}
.pop .quiza ul li .box { padding:20px;background:#fae5ec;border:#FFF 2px solid; }
.pop .quiza ul li .boxlf { float:left; width:42%; padding:20px;background:#fae5ec;border:#FFF 2px solid; height:140px;}
.pop .quiza ul li .boxrt { float:left; margin-left:0px;padding:45px 80px 43px 80px;background:#fae5ec;border:#FFF 2px solid}
.pop .quiza ul li .boxlf select {}
.pop .quiza ul li .boxlf_m{ display:none}
.pop .quiza ul li select.recommend{ width:95%}
.pop .quiza ul li a{ width:100%; box-sizing: border-box;}
.popboxextra { display:inline-block; margin-left:80px;}
.cityoption { display:inline-block; margin-top: 10px; overflow:hidden; height:28px;}
.cityoption ~ a { display:inline-block; width:inherit !important;}

.pop .cdpop { line-height:1.6em; font-size:15px; padding: 10px 0 5px; }
.pop .cdpop .num { font-size:22px; line-height:30px; color:#bbbbbb;}

.newuser .flexslider { padding:0px;}
.newuser .flex-viewport { width:400px;  margin:0 auto; padding-bottom:50px;}
.newuser .flexslider .slides { text-align:center;}
.newuser .flexslider .slides img { width:200px; margin:0 auto;}
.newuser .flex-control-nav { bottom:10px;}
.pop .popContent.newuser { padding: 20px 10px; }
.popContent.newuser  li { float:none;}
.pop .popContent.event {  padding: 15px; margin: 0 auto; max-height: none;}
.newpop { line-height:1.6em; font-size:15px; padding: 10px 30px 5px; text-align:center;}
.newpop  .title { font-size:19px; margin-bottom:8px;}
.newuser .flex-control-paging li a { background:#C6D6DD;}
.newuser .flex-control-paging li a.flex-active { background:#71C5C4;}
.button_m { display:none;}

.popContent .title { font-size: 22px; margin-bottom: 10px; float: none; line-height: 1.6em;}
.popContent .titlePic img { width:90%; max-width:200px; margin-bottom: 10px;}
.popContent .content { font-size: 15px; margin-bottom: 10px; line-height:1.6em;}


/*同好*/
.groupsPopBox { width:100%;}
.groupsPopBox .groupItem { float:left; width:25%; text-align:center; }
.groupsPopBox .groupItem a { display:block;padding:15px 0; color:#333;}
.groupsPopBox .groupItem a:hover { background:#F9F6F1;}
.groupsPopBox .groupItem a.active { background:#fae5ec;}
.groupsPopBox .groupPic { overflow:hidden; width:80%; margin: 0 auto 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.groupsPopBox .groupPic img { width:100%}
.groupsPopBox .groupName { letter-spacing: -1px; height: 18px; line-height:1.3em; font-size:13px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}

/****************help.htm 9/25新增*************/
.help{ max-width:960px; margin:0 auto;}
.help .helpContent {padding:20px; text-align: left; overflow: auto;}
.help .helpContent .top { font-size: 18px; font-weight:bold; margin-bottom:20px; color:#dc0078;}
.help .helpContent .title { padding: 8px; background: #e9f3f5; color: #348f8c; margin-bottom: 10px; font-size: 15px; font-weight: bold;}
.help .helpContent ul { padding: 0 10px 10px 10px; margin-left: 20px;}
.help .helpContent ul li { list-style: decimal;line-height: 1.6em;}
.help .helpContent p { padding: 0 10px 10px 10px; line-height: 1.6em;}
.help .helpContent a { color: #e99fb8}
.help .helpContent ol { padding: 0 10px 10px 10px;}
.help .helpContent ol li { list-style: none;line-height: 1.6em;}
.help .helpContent ul.fine { padding: 10px 10px 10px 10px; margin-left: 20px;}
.help .helpContent ul.fine li { list-style: lower-roman;line-height: 1.6em;}

/****************沒有收尋設定 10/3新增*************/
.nobodyBox{ height:300px; position:relative}
.nobody{text-align:center;width:940px;height:20px;position:absolute;left:50%;top:50%;margin-top:-10px;margin-left:-470px;font-size:15px}

/*分頁*/
.pageBox {
    clear:both;
    text-align:center;
    padding:10px 0px;
}
.pageBox .allpage { margin-top:5px;}
.pageBox .allpage a {
    margin: 0 2px;
    padding:4px;
    min-width:12px;
    text-align:center;
    color:#348f8c;
    text-decoration:none;
    font-size:10pt;
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:inline-block;
}
.pageBox .allpage a:hover {
    background:#84dcda;
    color:#FFF;
}
.pageBox .allpage a.active {
    padding:4px;
    background:#84dcda;
    color:#FFF;
}

.loadingBox { padding:8px;text-align:center;  }

/****************041216 箭頭*************/

.wrapper{ padding-top:20px}
.flow-steps{ position:relative; height:30px; list-style:none; font-size:14px; overflow:hidden;}
.flow-steps li{ float:left; height:30px; margin-right:-32px; background:#ecb0c3; line-height:30px; overflow:hidden;}
.flow-steps li.before{ width:40px;-webkit-border-top-left-radius: 6px;-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.flow-steps li.later{ width:175px;-webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.flow-steps a{ display:block; float:left; width:100px; padding: 0 18px 0 0; text-align:center; color:#ffffff; text-decoration:none;}
.flow-steps b{ float:left; width:0px; height:0px; margin-top:-6px; border:21px solid #ecb0c3;border-left-color:#dceef1;font-size:0; line-height:0; z-index:9;}
.flow-steps s{ position:relative; float:left; width:0px; height:0px; margin-top:-2px; border:17px solid transparent; /*For IE6*/ _border-color:snow; _filter:chroma(color=snow);/*For IE6*/ border-left-color:#ecb0c3; font-size:0; line-height:0; z-index:99;}
.flow-steps .on{ background:#e580a7;}
.flow-steps .on a{ color:#fff; font-weight:bold}
.flow-steps .on b{ border-color:#e580a7; border-left-color:#dceef1; }
.flow-steps .on s{ border-left-color:#e580a7;}
.flow-steps .f{border-color:#ecb0c3!important;}

.flexslider .sub { display: none;}

/****************online*************/
.picStatus { position: absolute; bottom: 5px; left: 5px; color: #ffffff; text-shadow: 0px 1px 1px rgba(0,0,0,0.8); vertical-align: middle;}

.fbBox { width: 1200px; margin: 0 auto 30px;}

/****************freemsg*********************/
.freemsgInfoBox { padding:20px; background:#f4fdff; margin-bottom:5px; border: 1px #e1d8cd solid;}
.freemsgInfoBox .backBtn { float:right;}
.freemsgInfoBox .title { font-size:17px; float:none; margin-bottom:10px;}
.freemsgInfoBox .title .time { font-size:13px; padding:0 10px;}
.freemsgInfoBox .info { line-height:1.5em; margin-bottom:10px;}
.freemsgInfoBox .m-info { line-height:1.5em; margin-bottom:10px; display:none;}
.freemsgInfoBox .subinfo { line-height:1.5em; font-size:12px;}
.searchList .freemsgInfoBox { margin-bottom:0px; text-align:center;  background: #fae5ec;}
.searchList .freemsgInfoBox .title {margin-bottom:0px; font-size:21px; }

.likeCount { line-height:2.6em;}

.android.shown ~ .topmenu {top: 72px}
.android.shown ~ .flexslider {padding-top: 142px}
.android.shown ~ .topBox {padding-top: 152px}

.webview { background:#FFF; padding:0; height:100%; min-height:100%;}
.webview .title { padding:20px; background:#E78DAF; font-size:18px; color:#ffffff; line-height:1.3em;}
.webview .content { padding:20px; line-height:1.5em;}
.webview .content p { margin:10px 0}
.webview .content .noteInfo { padding: 20px 10px 0 ; border-top:#CCC 1px dashed; margin-top:20px;}
.webview .content .noteInfo ul { margin-left:20px;}
.webview .content .noteInfo ul li { list-style-type:decimal;}

.inviteCode { font-size:18px; color:#0ABAB4;}
.invitedate { font-size:18px;}

.webview .bgEvent { background-size:100% auto; background-repeat:no-repeat; position:relative; height:100%; min-height:500px; margin: 0 auto; max-width:400px;}
.webview .bgEvent a { position:absolute; bottom:20px; width:90%; left:50%;
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}

.selectbox {
    overflow: hidden;
    display: inline-block;
    position: relative;
    border: 1px solid #C4C3C0;
    width: 100%;
    box-sizing: border-box;
    margin-right:10px;
    vertical-align: middle;
    background:#ffffff;
}
.selectbox select {
    width: 100%;
    padding: 5px 30px 5px 10px;
    font-size: 14px;
    border-radius: 0px;
    border: medium none;
    vertical-align: middle;
    color: inherit;
    -moz-appearance: none;
    background: transparent none repeat scroll 0px 0px;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.selectbox::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -3px;
    display: block;
    content: "";
    background: transparent url("https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/ico_select_01.png") no-repeat scroll 0% 0% / 12px auto;
    width: 12px;
    background-size: 8px auto;
    height: 10px;
    pointer-events: none;
}
.check {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    cursor: pointer;
}
.checkFlag:checked+div {
    font-size: inherit;
}
.checkFlag {
    display: none;
}
.checkCheckbox {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    border: 1px solid #c4c3c0;
    background-color: #fff;
	border-radius: 100px;
}
.checkFlag:checked~div .checkCheckbox:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    background-color: #d93679;
	border-radius: 100px;
}
/*green radio*/
.check_radio_g {
    position: relative;
    display: inline-block;
    padding-left: 35px;
    cursor: pointer;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.checkFlag_radio_g:checked+div {
    font-size: inherit;
}
.checkFlag_radio_g {
    display: none;
}
.checkCheckbox_radio_g {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 23px;
    height: 23px;
    border: 1px solid #c4c3c0;
    background-color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.checkFlag_radio_g:checked~div .checkCheckbox_radio_g:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    background-color: #82bcba;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.deleteprice { font-size:17px; color: #888888; text-decoration: line-through;}

/************new search popbox***************/
.searchPopBox { text-align:left}
.searchItem { border-bottom:#DCDCDC 1px dashed; padding:10px;}
.searchTitle { float:left; width:20%;line-height:30px; display:block; }
.searchTitle::after { content:"."; visibility:hidden;}
.searchform { float:left; width:80%; }
.searchform .select01 li:first-child {}
.searchform .select01 li {
    float: left;
    height:30px;
    line-height:30px; text-align: left;
}
.searchform .select01 li .selectbox { width:140px;}
.searchform .select02 li .selectbox { width:166px; display:inline-block;}
.searchform .check01 li { float: left; width: 33.333333%; margin-bottom:10px; font-size: 14px; line-height: 25px; text-align:left;}
.searchform .check02 li { float: left; width: 50%; margin-bottom:10px; font-size: 14px; line-height: 25px; text-align:left;}

/**************payment new*************/
.paymentBox { width:850px; margin:120px auto 50px;}
.payBoxLeft { float:left; width:360px;}
.payBoxLeft .payBoxTitle { color:#ffffff; padding:10px 30px; line-height:1.3em; font-size:19px; background:#82bcba;}
.payBoxContent { padding:30px; background:#ffffff; line-height:1.3em;}
.payBoxContent .payBoxContentText { font-size:18px; color:#5da19e; line-height:1.8em;}
.payBoxContentText .price { font-size:27px; display: block; margin-top:5px;}
.payBoxContentText .ori_price { color:#b7b7b7; display:block;}
.payBoxContent ul { margin-top: 20px; margin-left:20px;}
.payBoxContent ul li { font-weight:bold; color:#dc0078; font-size:18px; line-height:1.6em; margin-bottom:10px; list-style:disc;}
.payBoxContent.haveVip { border-top: #eef5f5 1px solid; color: #757575;line-height:1.6em;}

.payBoxContent.eventView { padding:0px; background:#ffffff;}

.payBoxContent.eventView img { width:100%;}

.payBoxRight { float:right; width:460px;}
.payBoxRight .payway { color:#ffffff; padding:25px 30px; line-height:1.3em; font-size:19px; background:#e8f3f2;}
.payBoxRight .payway .paywayTitle { font-size:15px; color:#5da19e; margin-bottom:8px;}
.payBoxRight .payway .selectbox { background:#ffffff;}
.payBoxRight .payway .selectbox select { color:#5da19e; font-size:18px; width:100%;}
.paywayBox { padding:20px; background:#ffffff; border-top: solid 1px #82bcba}
.payBoxRightTitle { color: #ffffff;
    padding: 10px 30px;
    line-height: 1.3em;
    font-size: 19px;
    background: #82bcba;
}
.payPriceBox { padding:0 10px; line-height:27px}
.payPriceBox .subtext { line-height:1.6em; padding: 10px 0; display:block; color:#888888}
.payPriceBox ul { }
.payPriceBox ul li { margin-bottom:10px;}
.payPriceBox ul li .checkCheckbox_radio_g { top:5px;}
.payPriceBox ul li .tip {
    color: #FFF;
    font-size: 13px;
    padding: 4px;
    background: #e580a7;
    margin-left:10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.payPriceBox ul li .tip2 {
    color: #FFF;
    font-size: 13px;
    padding: 4px;
    background: #fbce47;
    margin-left:10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	vertical-align: middle;
}
.payPriceBox ul li .subtext { font-size:17px;}
.payPriceBox label { font-size:27px; color:#5da19e; line-height:1.3em;}
.payPriceBoxInfo {padding:20px 10px; line-height:27px}
.payPriceBoxInfo ul { padding-bottom:10px;}
.payPriceBoxInfo ul li { margin-bottom:10px;}
.payPriceBoxInfo label { font-size:18px; color:#82bcba;}

.payPriceBoxInfoDetail { padding:20px; background:#fceaf0; line-height:1.8em; font-size:13px; margin-bottom:20px;}

.paywayBoxInfoDetail{padding:20px; background:#ffffff;line-height:1.8em; font-size:13px; margin-bottom:20px; margin-top: 10px; margin-bottom: -10px}

.greed { line-height:1.6em; margin-bottom:20px;}
.greed a { text-decoration:underline;}
.greed input { margin-right: 4px;}
.payPriceBoxInfo .button-darkGreen { font-size:18px; padding:10px}
.payPriceBoxInfoDetail .selectbox { margin: 5px 0;}
.ticketSubinfo { border-bottom: 1px dashed #CCC; padding:10px 0; margin-bottom: 10px;}
.ticketSubinfo input[type=text] { width:100%; padding: 8px;border: 1px solid #BFBFBF; color: #868686; box-sizing:border-box; margin:2px 0;}

.moreInfo ul li { list-style:decimal; margin-left:20px;}

.fancybox-image {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.fancybox-skin { background:none !important; }


/*qa*/
.qabody { background:#eff7f8}
.qaBox { padding:100px 0 40px; font-size:13px;background:#ffffff;}
.qa-Content {}
.qaTopTitle { font-size:21px; color:#e99fb8; padding:0px 20px 0px 20px; margin:20px 0;}
.qa-homeCon { width: 96%; max-width:960px; margin: auto; }
.qa-list { width: 100%; margin-bottom: 1px; line-height: 1.6em; }
.qa-list .qa-title{
    padding: 10px 50px 10px 20px;
    position: relative;
    cursor: pointer;
    color:#65adb1;
    font-size:17px;
}
.qa-list .qa-content-home { padding: 10px 40px 10px 20px; display: none; color:#888888; font-size:15px;}
.qa-list .qa-content-home p { margin-bottom: 10px;}
.qa-list .qa-content-home p:last-child { margin-bottom: 0px;}
.qa-list .qa-content-home ul { margin-bottom: 10px;}
.qa-list .qa-content-home ul li { padding: 4px 0;}

.arrow-down-gray{
    width: 18px;
    height: 18px;
    background: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/icon/arrow-down-gray.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 10px;
    right: 20px;

    -webkit-transition: all .2s;
    transition: all .2s;
}
.arrow-rotate{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.qaactBox { margin:20px auto; padding:0 20px;}

/*deal*/
.dealWrap { width:96%; max-width: 720px; padding: 15px; margin: 100px auto 30px; background: #eff7f8; color: #666666; }
.dealWrap  .title { color: #666666; font-size: 17px; margin-bottom: 10px;}
.dealBox { background: #ffffff; padding: 15px; line-height: 1.6em; }

.dealBox .itemTitle { font-size: 15px; margin-bottom: 10px; color: #6cc9c8;}
.dealBox .itemCon { font-size: 13px; margin-bottom: 30px; }

/*tell friends*/
.tellFriendBox { padding: 110px 0 0; width: 100%; max-width: 460px; margin: 0 auto; text-align: center;}
.tellFriendBox .userPic {
    width: 150px; margin: 0 auto; margin-bottom: 20px;
}
.tellFriendBox .userPic img { width: 100%; border-radius: 100%;}
.tellFriendBox .userName { font-size: 17px; line-height: 1.6em; margin-bottom: 20px;}
.tellFriendBox .userAction { width: 80%; margin: 0 auto 20px;}
.tellFriendBox .userAction .buttonL { line-height: 1.3em; height: inherit; padding: 15px 50px;}
.tellFriendBox .userSubtext { color: #bbbbbb;}
#tellFriedns #CopyRight {  min-width: inherit;}

/*phone check*/
.phoneCheckBox { padding: 110px 0 0; width:94%; max-width: 460px; margin: 0 auto; text-align: center;}
.phoneCheckBox .alertIcon {
    width: 80px; margin: 0 auto; margin-bottom: 50px;
}
.phoneCheckBox .alertIcon img  { width: 100%; border-radius: 100%;}
.phoneCheckBox .title { font-size: 19px; line-height: 1.6em; margin-bottom: 10px;}
.phoneCheckBox .subText { color: #999999; margin-bottom: 20px; line-height: 1.6em; font-size: 17px;}
.phoneCheckBox .actionBox { width: 90%; margin: 0 auto 20px;}
.phoneCheckBox .actionBox .buttonL { line-height: 1.3em; height: inherit; padding: 15px 50px;}
.phoneCheckBox .btnSubText { color: #bbbbbb;}
#phoneCheck #CopyRight {  min-width: inherit;}

/*report*/
.reportBox { 
	width: 100%; 
	padding: 50px 0;
    position: relative;
    z-index: 1;
    margin-top: 100px;
	background: #ffffff;
}
.reportBox h2 { 
    font-size: 34px;
    text-align: center;
    font-weight: normal;
    color: #65adb1;
    margin-bottom: 20px;
    line-height: 1.6em;
}
.reportBox .topSub { 
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #8d9399;
	margin: 0 auto 60px;
	max-width: 80%;
}

.widgetBox {
    border-top: 1px solid rgba(0, 0, 0, .08);
    
}
.widget_list {
	max-width: 1180px;
	margin: 80px auto 0;
	text-align: left;

	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    -moz-justify-content: start;
    justify-content: start;
}
.widget_list_item {
	width: 360px;
	position: relative;
    cursor: pointer;
	margin:  0 16px 50px;
}
.labelTagD { position: absolute; top: -8px; left: -8px; background: #65adb1; padding: 8px 22px; color: #ffffff;}
.labelTagW { position: absolute; top: -8px; left: -8px; background: #ee807f; padding: 8px 22px; color: #ffffff;}
.widget_img:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
}

.widget_img {
	display: block;
	transition: box-shadow .3s;
	overflow: hidden;
}
.widget_img .img {
    width: 100%;
	height: 190px;
	background-size: cover;
	background-position: center center;
}
.widget_info {
	margin: 20px 0 10px;
	font-size: 14px;
    line-height: 26px;
}
.widget_title_link {
	display: -webkit-box;
    overflow: hidden;
    max-height: 55px;
    text-align: left;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
	font-size: 20px;
    line-height: 28px;
}
.articleBox {
	max-width: 740px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto 50px;
    box-sizing: border-box;
    position: relative;
}
.articleBox .couple {
    font-weight: 300;
    font-size: 17px;
    color: #788086;
    display: block;
    margin-bottom: 30px;
}
.articleBox h2 {
    font-weight: 600;
    font-size: 27px;
    color: #54595d;
	text-align: left;
	margin-bottom: 5px;
	line-height: 1.3em;
}
.articleBox .writer {
	color: #8d9399;
	font-size: 17px;
    line-height: 1.7em;
	margin-bottom: 20px;
}
.articleBox arricle .mianPic { 
	max-width: 500px;
	width: 100%;
	height: 300px;
	background-position: center;
	background-size: cover;
	margin-bottom: 30px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
}
.arricleQuextionBox {  margin: 20px 15px 0 0; display: inline-block; overflow: hidden;}
.articleBox .arricleQuextionTitle { padding: 10px 20px; font-size: 17px; color: #65adb1; border-bottom: #ffffff 1px solid; background: #effafb; line-height: 1.6em; }
.articleBox .arricleQuextionAnster { font-weight: 300; padding: 20px; font-style: normal; font-size: 19px; color: #65adb1;}

.articleBox arricle p {
	font-weight: 300;
    font-style: normal;
    font-size: 19px;
    margin-top: 36px;
    color: #66696D;
    letter-spacing: 0.01rem;
    line-height: 1.75em;
}
.shareBox {
    padding: 30px 0;
}
.shareBox a {
    color: #666666;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
    padding: 8px 12px;
    display: inline-block;
    vertical-align: bottom;
    border: #cbcbcb 1px solid;
    border-radius: 4px;
}
.tagBox {
	margin-top: 20px;
}
.tagBox img { width: 100%;}
.backtoMain { margin: 16px; display: block; clear: both; text-align: center;} 
a.sendHappyStoryBtn { margin: 50px auto; display: block; padding: 12px 40px; box-sizing: border-box; border: #ee807f 2px solid; text-align: center;font-size: 25px; font-weight: bold; color: #ee807f; border-radius: 100px; max-width: 500px; width: 90%;}
a.sendHappyStoryBtn span { display: block; line-height: 1.3em; margin-bottom: 5px; font-size: 14px; font-weight: normal; color: #ee807f;}

/**webview facebook error**/
.fbErrorWrap { padding: 20px; box-sizing: border-box; margin: 0 auto; max-width: 600px;}
.boardBox { background: #ffffff; padding: 20px;
    border-radius: 8px;
    line-height: 1.6em;
    font-size: 15px;
    color: #666666;
    box-shadow: 0px 0px 8px rgba(100,100,100,.2);
    margin: 0 0 50px;
    box-sizing: border-box;
}
.boardBox .boardTitle { font-size: 18px; font-weight: bold; margin-bottom: 10px}

.fbErrorBox {
    font-size: 16px;
    font-weight: 300;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    line-height: 1.6em;
    color: #909090;
    box-shadow: 0px 0px 8px rgba(100,100,100,.2);
    margin: 0 0 50px;
    box-sizing: border-box;
}
.bgLog { background-image: url(https://d1qivmt25zv8j1.cloudfront.net/images/zh_TW/topmenu/sweetringlogo_2022.png); width:210px; height: 70px; margin: 20px auto; background-size: 100%; background-repeat: no-repeat;}
.errorSubTitle { text-align: center; margin-bottom: 40px;}
.errorSubText { line-height: 1.6em; margin-bottom: 40px;}
.errorSubText ul { margin-left: 20px;}
.errorSubText .errorItem { margin-bottom: 10px; list-style: disc;}
.errorSubAction { text-align: center; margin-bottom: 40px;}
.errorSubAction .button { margin: 40px auto 0; border-radius: 200px; width: 80%; padding: 6px 20px; font-size: 16px; max-width: 250px;}

/*0724 加入隱私政策(GDPR)*/

.cookieBox { width:100%; text-align:center; margin:0 auto; }
.cookieBox {
    position:fixed;
    background:#fae5ec;
    padding:30px 0px;
    bottom: 0;
    left: 0;
    z-index: 1001;
    line-height: 1.5em;
}

.cookieBox .sample-2-close {
    position:absolute;
    cursor: pointer;
    top:0;
    right:10px;
    width:25px;
    height:25px;
}

.cookieBox .sample-2-close--left, .sample-2-close--right {
    position:absolute;
    width: 0;
    top: 20px;
    right: 0px;
    height: 2px;
    border-style:solid;
    border-width:0 0 0 20px;
}

.cookieBox .sample-2-close--left {
    border-color:#000;
    transform: rotate(45deg);
}

.cookieBox .sample-2-close--right {
    border-color:#000;
    transform: rotate(-45deg);
}

.loginBoxFooter {
    position:fixed;
    background:#fae5ec;
    padding:30px 0px;
    bottom: 0;
    left: 0;
    z-index: 1001;
    line-height: 1.5em;
}

.loginBoxFooter .sample-2-close {
    position:absolute;
    cursor: pointer;
    top:0;
    right:10px;
    width:25px;
    height:25px;
}

.loginBoxFooter .sample-2-close--left, .sample-2-close--right {
    position:absolute;
    width: 0;
    top: 20px;
    right: 0px;
    height: 2px;
    border-style:solid;
    border-width:0 0 0 20px;
}

.loginBoxFooter .sample-2-close--left {
    border-color:#000;
    transform: rotate(45deg);
}

.loginBoxFooter .sample-2-close--right {
    border-color:#000;
    transform: rotate(-45deg);
}

/* 20250306 share story*/
.shareWrap { padding: 40px 0; display: flex; flex-direction: row;justify-content: center; align-items: center;margin: 60px auto;}
.shareText { margin-right: 12px; font-size: 16px;}
.shareicon { width: 46px; margin: 0 8px;}