@charset "utf-8";

html {height:100%;}

body {
	margin:0;padding:0;background:#fdf5f9;width:100%;height:100%;
	font:normal 16px "Trebuchet MS" , Lucida Grande , Lucida Sans Unicode , Microsoft JhengHei , Helvetica , Verdana , Arial , 微軟正黑體 , 新細明體 , PMingLiU , MingLiU;
}

::-moz-selection {background:#25983A;color:#fff;text-shadow:none;}
::selection {background:#25983A;color:#fff;text-shadow:none;}

.ui-collapsible-content {padding:0;background:#fff;}
.ui-page {-webkit-backface-visibility: hidden;}
/*Fix Header width*/
.ui-header .ui-title, .ui-footer .ui-title  {margin:0.6em 10% 0.8em 10%;}
.ui-li-divider {font-size:16px;}

img {border:0;margin:0px;padding:0px;vertical-align:bottom;}
.lfloat {float:left;}
.rfloat {float:right;}
.clearFix {clear:both;height:0%;display:block;}


#header {box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);}
#header a.leftPanelBtn {
	border:0;padding:0;height:100%;width:60px;left:0;top:0;
	border-right:1px solid rgba(255,255,255,0.3);
	background:rgba(0,0,0,0.3) url('/m/_img/panel-icon.png') no-repeat center center;
	background-size:75%;
}
#header a.leftPanelBtn .ui-btn-inner {padding:0;border:none;}

#leftPanel {background:#eee;padding:0;}
#leftPanel .logo {margin:-15px;height:155px;}
#leftPanel .logo img{height:140px;}
#leftPanel h2.med {color:#26b7bc;font-weight:normal;}
#leftPanel h2.sb {color:#920783;font-weight:normal;}
#leftPanel a img {border-radius:5px;width:60px;height:60px;}
#leftPanel .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit {padding-left:80px;}
#leftPanel .ui-li-thumb {top:10px;left:10px;}

#contentCtn {padding:0;margin:0;}

#coverCtn {background:#e0d2e4;}
#coverCtn a {display:block;width:100%;}
#coverCtn a img {width:100%;min-width:100%;}

#subMenuPanel {
	border-top:1px solid #fff;padding:1em;background:#fff;
	box-shadow:inset 0 2px 5px rgba(0,0,0,0.2);
}
#subMenuPanel h2.med {color:#26b7bc;font-weight:normal;}
#subMenuPanel h2.sb {color:#920783;font-weight:normal;}
#subMenuPanel a img {border-radius:5px;width:60px;height:60px;}
#subMenuPanel .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit {padding-left:80px;}
#subMenuPanel .ui-li-thumb {top:10px;left:10px;}
#subMenuPanel .hotline {padding:10px 0 0 0;}
#subMenuPanel .hotline span {display:block;font-size:13px;color:#333;line-height:18px;}
#subMenuPanel .hotline a.phone {font-size:28px;font-family:Arial, Helvetica, sans-serif;letter-spacing:-0.05em;font-weight:normal;color:#000;line-height:30px;display:inline-block;text-decoration:none;}
#subMenuPanel .hotline a.phone:hover {color:#25983A;text-decoration:none;}
#subMenuPanel .caring {width:120px;height:60px;background:url('/m/_img/caring.png') no-repeat;background-size:100%;}

#footerCtn {
	padding:8px;
	background: rgb(254,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(209,209,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(209,209,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(209,209,209,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(209,209,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
}
#footerCtn .link {font-size:12px;color:#666;line-height:20px;text-align:center;}
#footerCtn .link a {color:#666;font-weight:normal;text-decoration:none;}
#footerCtn .link a:hover,#footerCtn .link a:active {color:#25983A;}
#footerCtn .cp {text-align:center;color:#666;font-size:11px;line-height:16px;}

#aboutCtn {background:#edfaf0;padding:0;}
#aboutCtn h2 {margin:0;padding:10px 0;font-size:24px;line-height:35px;color:#25983A;font-weight:normal;}
#aboutCtn p {margin:0;padding:10px 0;color:#333;line-height:24px;font-size:16px;text-align:justify;}

#aboutCtn #introCtn {padding:20px;}
#aboutCtn #introCtn #shopImg img {width:100%;max-width:100%;border-radius:5px;}
#aboutCtn #introCtn #shopImg .col1 {padding:0 5px 0 0;}
#aboutCtn #introCtn #shopImg .col2 {padding:0 0 0 5px;}

#aboutCtn #featureCtn {padding:20px;}
#aboutCtn #featureCtn .col-1 {float:left;width:60%;}
#aboutCtn #featureCtn .col-2 {float:left;width:40%;padding:50px 0 0 0;}
#aboutCtn #featureCtn img {width:100%;max-width:100%;}

#aboutCtn #stepCtn {padding:20px;}
#aboutCtn #stepCtn  .listing {background:#E0F7E3;border-radius:5px;padding:10px;}
#aboutCtn #stepCtn  .listing img {width:30%;max-width:220px;float:left;padding:0 2% 0 0;}
#aboutCtn #stepCtn  .listing p {width:68%;max-width:68%;float:left;padding:0;}
#aboutCtn #stepCtn .pointer {height:60px;width:100%;background:url('/m/_img/about/pointer.png') no-repeat center center;}


#aboutNavCtn {border-bottom:1px solid #25983A;background:#fff;}
#aboutNavCtn .list {line-height:45px;height:45px;text-align:center;}
#aboutNavCtn .list a {font-size:15px;display:block;height:45px;font-weight:normal;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.8);text-decoration:none;}
#aboutNavCtn .list a.selected {height:42px;line-height:42px;border-bottom:3px solid #25983A;font-weight:normal;color:#25983A;}

#corporateCtn {background:#eaeef6;}
#corporateCtn img.cover {width:100%;min-width:100%;}
#corporateCtn .txtCtn {padding:0 15px 15px 15px;}
#corporateCtn .txtCtn p {font-size:15px;color:#333;line-height:160%;margin:0 0 10px 0;}
#corporateCtn .txtCtn h3 {font-size:18px;color:#C50080;font-weight:bold;margin:20px 0;line-height:20px;}

#sharingCtn {}
#sharingCtn #listCtn {padding:15px;}
#sharingCtn #listCtn h2 {color:#25983A;}
#sharingCtn #listCtn  .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, 
#sharingCtn #listCtn  .ui-li-static.ui-li-has-thumb {padding-left:100px;}

#sharingCtn #detailsCtn {background:#f2f2f2;}
#sharingCtn #detailsCtn .userSection {min-height:100px;padding:20px;position:relative;z-index:1;}
#sharingCtn #detailsCtn .userSection img {width:100px;max-width:100px;position:absolute;z-index:1;top:20px;left:20px;border-radius:5px;}
#sharingCtn #detailsCtn .userSection h2.shortDesc {padding:0 0 0 120px;font-size:20px;line-height:30px;color:#25983A;margin:10px 0 10px 0;font-weight:normal;}
#sharingCtn #detailsCtn .userSection h2.shortDesc small {display:block;font-size:13px;line-height:20px;color:#666;padding:5px 0 0 0;}

#sharingCtn #detailsCtn .surveyCtn {
	background:#fff;padding:10px;border:1px solid #ddd;margin:0 20px 20px 20px;
	border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
#sharingCtn #detailsCtn .surveyCtn .listing {font-size:13px;color:#666;line-height:22px;height:22px;overflow:hidden;}
#sharingCtn #detailsCtn .surveyCtn .listing .key {float:left;width:40%;margin:0 9% 0 0;text-align:right;}
#sharingCtn #detailsCtn .surveyCtn .listing .star {float:left;width:50%;}
#sharingCtn #detailsCtn .surveyCtn .listing .star span {display:block;height:24px;background:url('/_img/sharing/star.png') no-repeat;}
#sharingCtn #detailsCtn .surveyCtn .listing .star span.s2 {background-position:0 0px;}
#sharingCtn #detailsCtn .surveyCtn .listing .star span.s4 {background-position:0 -20px;}
#sharingCtn #detailsCtn .surveyCtn .listing .star span.s6 {background-position:0 -40px;}
#sharingCtn #detailsCtn .surveyCtn .totatrate {border-bottom:1px dotted #999;margin:0 0 10px 0;line-height:50px;text-align:center;background:#f8f2de;border-radius:5px 5px 0 0;}
#sharingCtn #detailsCtn .surveyCtn .totatrate span {color:#b6941e;display:inline-block;}
#sharingCtn #detailsCtn .surveyCtn .totatrate .title {font-size:16px;}
#sharingCtn #detailsCtn .surveyCtn .totatrate .per {font-size:36px;}

#sharingCtn #detailsCtn .content {padding:20px;color:#333;text-align:justify;border-top:3px solid #25983A;background:#edfaf0;}
#sharingCtn #detailsCtn .content h1 {font-size:24px;line-height:35px;color:#000;margin:0;padding:0 0 10px 0;}
#sharingCtn #detailsCtn .content h2 {font-size:18px;line-height:30px;color:#25983A;font-weight:normal;padding:0 0 10px 0;margin:0;}
#sharingCtn #detailsCtn .content p {font-size:16px;line-height:24px;color:#333;padding:0 0 10px 0;margin:0;}
#sharingCtn #detailsCtn .content img {width:100%;margin:0 0 10px 0;display:block;}
#sharingCtn #detailsCtn .content .source {text-align:right;line-height:35px;}
#sharingCtn #detailsCtn .content .source a,
#sharingCtn #detailsCtn .content .source a:hover {font-size:13px;color:#666;text-decoration:none;display:inline-block;}
#sharingCtn #detailsCtn hr {
	width:90%;height:1px;border:none;margin:0 auto;
	background: #edfaf0;
	background: -moz-linear-gradient(left,  #edfaf0 5%, #25983A 30%, #25983A 70%, #edfaf0 95%);
	background: -webkit-gradient(linear, left top, right top, color-stop(5%,#edfaf0), color-stop(30%,#25983A), color-stop(70%,#25983A), color-stop(95%,#edfaf0));
	background: -webkit-linear-gradient(left,  #edfaf0 5%,#25983A 30%,#25983A 70%,#edfaf0 95%);
	background: -o-linear-gradient(left,  #edfaf0 5%,#25983A 30%,#25983A 70%,#edfaf0 95%);
	background: -ms-linear-gradient(left,  #edfaf0 5%,#25983A 30%,#c50080 70%,#edfaf0 95%);
	background: linear-gradient(to right,  #edfaf0 5%,#25983A 30%,#25983A 70%,#edfaf0 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfaf0', endColorstr='#edfaf0',GradientType=1 );
}
#sharingCtn #detailsCtn #otherNav {padding:10px;color:#000;background:#fff;border-top:1px solid #ccc;}
#sharingCtn #detailsCtn #otherNav a {float:left;width:20%;text-decoration:none;}
#sharingCtn #detailsCtn #otherNav a img {width:100%;max-width:100%;min-width:100%;}
#sharingCtn #detailsCtn #otherNav a.selected {background:#25983A;cursor:default;}
#sharingCtn #detailsCtn #otherNav a.selected img {opacity:0.8;}

#newsCtn {background:#fff;}
#newsCtn #listCtn {padding:15px;}

#newsCtn #detailsCtn {background:#edfaf0;}
#newsCtn #detailsCtn .section {background:#fff;border-bottom:3px solid #25983A;padding:20px;}
#newsCtn #detailsCtn .section img {width:30%;max-width:150px;float:left;border-radius:5px;}
#newsCtn #detailsCtn .section h2 {width:65%;float:left;font-size:24px;line-height:35px;color:#25983A;margin:10px 0 0 0;padding:0 0 0 5%;}
#newsCtn #detailsCtn .content {padding:20px;}
#newsCtn #detailsCtn .content h2 {font-size:18px;line-height:30px;color:#25983A;font-weight:normal;padding:0 0 10px 0;margin:0;}
#newsCtn #detailsCtn .content p {font-size:16px;line-height:24px;color:#333;padding:0 0 10px 0;margin:0;}

#faqCtn {padding:20px;background:#edfaf0;}
#faqCtn h4 {font-size:16px;color:#000;}
#faqCtn p {font-size:16px;color:#25983A;padding:0 20px;line-height:24px;}

#spokenCtn {background:#fff;}
#spokenCtn h2 {margin:0;padding:20px;font-size:16px;line-height:24px;color:#666;font-weight:normal;}
#spokenCtn img {width:100%;max-width:100%;}

#contactCtn {padding:20px;background:#fff;}
#contactCtn h3 {font-size:16px;color:#666;font-weight:normal;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #ccc;}
#contactCtn .btn {margin:40px auto 0 auto;padding:20px 20% 0 20%;border-top:1px solid #ccc;}
#contactCtn textarea.txtArea {min-height: 200px;max-height: 200px;min-width:100%;max-width: 100%;width:100%;}

#shopDetailsCtn {background:#edfaf0;}
#shopDetailsCtn .wrapper {padding:20px 20px 40px 20px;border-bottom:3px solid #25983A;}
#shopDetailsCtn .shopName {position:relative;z-index:1;padding:0 0 15px 150px;height:90px;}
#shopDetailsCtn .shopName img {position:absolute;top:0;left:0;z-index:1;border-radius:5px;}
#shopDetailsCtn .shopName h2 {margin:0;line-height:90px;font-size:18px;color:#25983A;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;}
#shopDetailsCtn .shopInfo {padding:15px 0 0 0;border-top:1px dotted #999;}
#shopDetailsCtn .shopInfo .listing {padding:0 0 15px 0;font-size:18px;line-height:24px;color:#000;}
#shopDetailsCtn .shopInfo .listing label {float:left;width:30%;margin:0;padding:0;}
#shopDetailsCtn .shopInfo .listing p {float:left;width:65%;margin:0;padding:0 0 0 5%;}
#shopDetailsCtn .shopInfo .listing a {color:#000;text-decoration:none;}
#shopDetailsCtn .shopInfo span.maplink {display:block;margin:5px 0 0 0;color:#666;font-size:13px;}
#shopDetailsCtn .shopInfo span.maplink a {display:inline-block;color:#25983A;font-size:13px;text-decoration:underline;}
#shopDetailsCtn .mapCtn {padding:5px;margin:15px 0 0 0;background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
#shopDetailsCtn .mapCtn a {width:100%;display:block;}
#shopDetailsCtn .mapCtn img {width:100%;}

#registertCtn {padding:20px;background:#f2f2f2;}
#registertCtn h2 {font-size:16px;color:#666;font-weight:normal;padding:0;margin:0;}
#registertCtn .ui-icon-dice { background-image: url('/_img/register/btn-calendar.png') !important; background-repeat: no-repeat; background-position: 99% 50%; }
#registertCtn .terms {background:#fff;border: 1px solid #ccc;border-radius: 0.4em;margin:15px 0;padding: 10px;font-size:13px;color:#666;}
#registertCtn .terms h4 {display:block;font-weight:bold;margin:0;padding:0;text-decoration:underline;}
#registertCtn .terms p {color:#666;margin:0;padding:0;}
#registertCtn .chkboxCtn {padding:10px 0 0 0;}
#registertCtn .chkboxCtn .chkbox {width:40%;float:left;}
#registertCtn .chkboxCtn p {width:55%;padding:0 0 0 5%;float:left;margin:15px 0 0 0;font-size:15px;color:#333;}
#registertCtn .btn {width:50%;margin:0 auto;}
#registertCtn span.required {color:#ff0000;font-size:16px;}

#registertCtn .ui-input-clear {margin-top:-21px;}

#plainTxtCtn {padding:15px;color:#333;}
#plainTxtCtn h2 {font-size:30px;color:#25983A;margin:0;padding:0 0 5px 0;border-bottom:3px solid #999;}
#plainTxtCtn h3 {color:#25983A;}

hr {height:0px;overflow:hidden;border:0;border-top:1px solid #b8b8b8;border-bottom:1px solid #fff;margin:20px 0;}

#dialog h1 {}
#dialog h3 {font-weight:normal;font-size:16px;color:#000;line-height:24px;margin:0 0 30px 0;}