@charset "UTF-8";
/* CSS Document */
#clear{ clear:both;}
.g{color:#139f00;}
.dg{ color:#3e7a4b;}
.e7{ color:#5b5c5a; font-size:10px; margin:0 5px;}


body{
	margin:0;
	padding:0;
	font-family: "微軟正黑體", "Adobe 繁黑體 Std B", "Adobe 黑体 Std R", Arial, sans-serif;
	}
#content{
	width:480px;
	margin:0 auto;
	background-image:url(../images/bg.png);
	background-size:contain;
	background-repeat-y:repeat;
	text-align:center;
	padding-top:30px;
	min-height:760px;
	border-top:#7bbb2d 3px solid;
	}
#footer{
	/*background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;*/
	background-color:#7bbb2d;
	height:47px;
	width:480px;
	margin:0 auto;
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:47px;
	}
.go{
	background-image:url(../images/but.png); 
	width:200px; 
	height:65px; 
	margin:0 auto;
	background-repeat: no-repeat;
	background-size:contain;
	}
.go:hover{ background-image:url(../images/but2.png)}
.finger{
	z-index:10;
	position: absolute;
	top:40px;
	left:60px;
	}
#q_content{
	background-image:url(../images/bg.png);
	width:410px;
	margin:0 auto;
	background-size: contain;
	background-repeat-y:repeat;
	min-height:742px;
	padding:24px 35px;
	border-top:#7bbb2d 3px solid;
	}
.logo{ margin-right:17px;}
.logo_title{
	text-align:center;
	margin:0 auto;
	}
.question{
	min-height:435px;
	background-color:rgba(255, 255, 255, 0.9);
	margin-top:10px;
	border:3px solid #ece4a9;
	border-radius:5px;
	background-image:url(../images/bg4.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position:bottom;
	}
.q_title{
	border-radius:5px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	min-height:30px;
	width:90%;
	background-image:url(../images/bg3.png);
	padding:15px 5%;
	margin-bottom:13px;
	}
.number{
	height:55px;
	width:53px;
	padding-left:12px;
	background-image:url(../images/q_bg.png);
	background-repeat:no-repeat;
	background-size:contain;
	color:#fff;
	line-height:50px;
	font-size:18px;
	float:left;
	}
.number2{ width:56px; padding-left:9px;}
.q_text{
	float:right;
	width:78%;
	margin-left:10px;
	}
.ans{
	width:auto;
	margin:0 auto;
	padding:0 20px;
	padding-bottom:13px;
	}
.title_ans{
	color:darkorange;
	}
.box{
	border-radius:30px;
	color:forestgreen;
	font-size:20px;
	text-align:center;
	height:20px;
	line-height:50px;
	padding:0px 8px 5px;
	letter-spacing:4px;
    }
.next{
	float:right;
	}
.gary{
	background-color:#e6e6e6;
	width:365px;
	height:87px;
	border-radius:75px;
	margin-bottom:50px;
	}
.circle{
	background-color:#f29c9f;
	width:80px;
	height:62px;
	text-align:center;
	color:#fff;
	border-radius:75px;
	text-shadow:1px 1px #d5706d;
	padding-top:24px;
	float:left;
	}
.man{
	background-color:#28a3fa;
	text-shadow:1px 1px #254ae1;
	}
.kid{
	background-color:#94d600;
	text-shadow:1px 1px #62aa00;
	}
.checkbox{
	width:19%;
	float:left;
	text-align:center;
	padding-top:4px;
	}
.act{ 
	font-size:12px;
	width:80%;
	padding-left:10%;
	margin:0 auto;
	text-align:center;
	margin-bottom:12px;
	margin-top:35px;
	}
.act1{ color:#368200;}
.act2{ color:#12bf00;}
.w_ca{ color:#f29697;}
.m_ca{ color:#28a3fa;}
.k_ca{ color:#368200;}
.sq{ margin-bottom:23px;}
.s_question{
	width:30px;
	height:30px;
	border-radius:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	background-color:#FC0;
	float:left;
	margin-right:10px;
	}
.sq_text{
	font-size:18px;
	line-height:30px;
	}
.food{
	width:100%;
	margin:0 auto;
	}
.square{
	width:100%;
	height:55px;
	border-radius:8px;
	}
.ss{
	border-radius:8px; 
	padding:4px; 
	height:47px;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	font-size:15px;
	float:left;
	margin-right:15px;
	text-align:center;
	}

.s_text{ line-height:55px; margin-right:15px;}
.amout_img{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
	}
.amout_img img{ width:80%;}

.foodtext{ 
	line-height:23px; 
	margin-top:5px; 
	margin-bottom:10px;
	padding:0;
	}
.foodtext li{
	list-style:none;
	background-image:url(../images/equal.png);
	background-repeat: no-repeat;
    background-position: 0px 2px;
    padding-left: 19px;
	text-align: justify;
    text-justify: inter-ideograph;
	} 
	
.amout{ height:25px; outline:none; background-color:#fff;}
/**/
.orange{background-color:#f9e6aa;}
.orange_s{
	background-color:#f9d14a;
	color:#e42e00;
	}
.orange_s2{
	background-color:#f9d14a;
	color:#e42e00;
	background-image:url(../images/orange_s.png);
	background-repeat:no-repeat;
	background-position:50%;
	width:16px;
	background-size:contain;
	}
.orange .s_text{ color: darkorange;}
/**/
.green{ background-color:#dff2b9;}
.green_s{ background-color:#bbde6d; color:#0f8222;}
.green_s2{
	background-size:contain; 
	background-color:#bbde6d; 
	color:#0f8222;
	background-image:url(../images/green_s.png);
	background-repeat:no-repeat;
	background-position:50%;
	width:16px
	}
.green .s_text{ color:green;}
/**/
.yellow{ background-color:#fff7ac;}
.yellow_s{ background-color:#ffee37; color:coral;}
.yellow_s2{
	background-size:contain; 
	background-color:#ffee37; 
	color:coral;
	background-image:url(../images/yellow_s.png);
	background-repeat:no-repeat;
	background-position:50%;
	width:30px;
	}
.yellow .s_text{ color:#f08b1f;}
/**/
.purple{ background-color:#f2ddec;}
.purple_s{ background-color:#e0bbd8; color:#7c2080;}
.purple_s2{
	background-size:contain; 
	background-image:url(../images/purple_s.png);
	background-repeat:no-repeat;
	background-position:50%;
	width:30px;
	}
.purple .s_text{ color:#b150c5;}
/**/
.blue{ background-color:#d4f0fa;}
.blue_s{ background-color:#86d2f8; color:#124a9b;}
.blue_s2{
	background-size:contain; 
	background-image:url(../images/blue_s.png);
	background-repeat:no-repeat;
	background-position:50%;
	width:30px;
	}
.blue .s_text{ color:#0071ce;}
/**/
.red{ background-color:#fbd8d3;}
.red_s{ background-color:#f6afa1; color:#8a1d25;}
.red_s2{
	background-size:contain; 
	background-image:url(../images/rede_s.png);
	background-repeat:no-repeat;
	background-position:50%;
	width:30px;
	}
.red .s_text{ color:#b96a55;}
/**/
.white{ background-color:#fff; border:#e7e7e7 1px solid; height:68px; margin-top:13px;}
.white_s{ background-color:#fff; color:#000; padding-top:11px;}
.white .s_text{ line-height:40px;}
/**/
.star{ padding-top:9px; margin-left:-2px;}
.miss{ padding:12px 0;}
.miss2{ padding:8px; height:auto; line-height:24px; font-size: 18px;}
.ans table{margin-top:15px;}
.left{ margin-right:4%;}
/*
.light{
	color: #FFF;
	background: url(../images/lightbg.png) no-repeat;
	background-size: 100% 100%;
	font-weight: bold;
    font-size: 16px;
    padding: 5px 8px 3px;
	}
*/
.fix480{ margin-left:103px;}
.br480{ display:none;}

/**/
#basic-accordian{
min-height:435px;
	margin-top:10px;

	background-image:url(../images/bg4.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position:bottom;
}
.header_highlight{
	background:#00CCFF;
}
/**/
.q1but{ height:50px; margin:35px auto; width:200px; cursor: pointer;}
.kidbut{
	background-image:url(../images/kidbut.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center; 
	background-position:center;
	}
.kidbut:hover{background-image:url(../images/kidbut2.png);}
.manbut{
	background-image:url(../images/manbut.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center; 
	background-position:center;
	}
.manbut:hover{background-image:url(../images/manbut2.png);}
.womanbut{
	background-image:url(../images/womanbut.png); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:center; 
	background-position:center;
	}
.womanbut:hover{background-image:url(../images/womanbut2.png);}
/**/
.leaf span{ font-size:13px; color:#164613; line-height:20px; display:none;}
.open span{ display:none;}
.open{ margin-bottom:0 !important;}
.q13lh{ 
	background-image:url(../images/hlight.png);
	background-size: cover;
	background-repeat:no-repeat;
	font-size:18px;
	}
.p13li{
	list-style:none;
	border-bottom:2px solid #fff;
	padding:0 5px;
	}
.starul{
	padding:0;
	margin:0;
	}
.starul li{
	list-style-type:none;
	background-image:url(../images/star2.png);
	background-repeat:no-repeat;
	background-position: 0px 5px;
    padding-left: 20px;
	margin-bottom:5px;
	text-align: justify;
	text-justify:inter-ideograph;
	}
.clicker{ margin-bottom:-3px;}
.pdname{ color:#2a6e37;}
.brbr{ margin-bottom:3px; margin-top:5px;}
.company{ color:#74b71b !important;}
.company:hover{ color:#2a6e37 !important;}
.aaabg{
	background-image:url(../images/aaa22.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding-left:30px;
	}
.leaf .clicker{ display: block; display:inline;}
.leaf .cloo{ display: none;}
.open .clicker{ display:none;}
.open .cloo{ display: block; display:inline; margin-bottom:-3px;}
.ts{ text-align: left !important; margin-top:0;}
.lineshare{ margin:0 25px;}
.share{
	position: absolute;
	bottom:20px;
	right:55%;
	}
.share2{
	position: absolute;
	bottom:20px;
	right:25%;
	}
.qnext{ margin:20px 0;}
	
#small-dialog6{background-color:rgba(0, 0, 0, 0) !important;} 
#small-dialog7{background-color:rgba(0, 0, 0, 0) !important;} 
#small-dialog8{background-color:rgba(0, 0, 0, 0) !important;} 
#small-dialog9{background-color:rgba(0, 0, 0, 0) !important;} 
#small-dialog10{background-color:rgba(0, 0, 0, 0) !important;} 

#small-dialog6 img{ width:40% !important;} 
#small-dialog7 img{ width:40% !important;} 
#small-dialog8 img{ width:40% !important;} 
#small-dialog9 img{ width:40% !important;} 
#small-dialog10 img{ width:40% !important;} 
@media screen and (max-device-width: 480px){
#small-dialog6 img{ width:90% !important;} 
#small-dialog7 img{ width:90% !important;} 
#small-dialog8 img{ width:90% !important;} 
#small-dialog9 img{ width:90% !important;} 
#small-dialog10 img{ width:90% !important;} 
}
/**/
.mb4{ margin-bottom:50px;}
/*******/

#small-dialog15 .q_text{ float:left !important; margin-left:1% !important;}
#small-dialog15 .q_title{ width:97%; padding: 6px 1.5% 0px; line-height:43px;}
#small-dialog15 .checkg9 {margin-bottom:35px}
@media screen and (max-width: 550px){
	#small-dialog15 .q_text{ line-height: 24px;}
#small-dialog15 .checkg3 {margin-bottom: 35px;}
#small-dialog15 .checkg9 {margin-bottom:50px}
	}
@media screen and (max-width: 480px){
	#small-dialog15	.q11fix385{margin-bottom: 35px;}
	#small-dialog15 .checkg9 {margin-bottom:80px}
#small-dialog15 .q11fix{margin-bottom: 35px;}
}

@media screen and (max-width: 380px){
#small-dialog15 .checkg7{margin-bottom: 35px;}
}
@media screen and (max-width: 320px){
#small-dialog15 .q11fix385{margin-bottom: 35px !important;}
#small-dialog15 label{ font-size:16px !important;}
#small-dialog15 .checkg9 {margin-bottom:115px}
#small-dialog15 .checkg3 {  margin-bottom: 58px;}
}