body{ margin:0; padding:0; font-family:"微軟正黑體"; background-color:#000}

.yellow_p{ color:#ffcc00; display:table}
.yellow_p2{ color:#ffcc00;}
.orange_p{ color:#ff9c00;}
.icon{ width:100px; height:100px; display:block; float:left; margin-top:-20px}
.text{ width:40%; margin-left:70px; background-color:rgba(0,0,0,0.7); padding:40px; color:#fff;
	   -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 2px 2px 2px #000;}
.border{ background-color:rgba(0,0,0,0.7); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 2px 2px 2px #000;}
.text a{ color:#ffffff;}

#section1 h2, #section2 h2, #section3 h2, #section4 h2, #section5 h2, #section6 h2, #section7 h2, #section8 h2, #section9 h2, #section10 h2{ font-size:2.4em;}
#section1 p, #section2 p, #section3 p, #section4 p, #section5 p, #section6 p, #section7 p, #section8 p, #section9 p, #section10 p{ font-size:1.6em;}
#section5 p, #section7 p, #section9 p{ line-height:2em}

#section0 h1{ font-size:3.2em; color:#ffffff; padding-left:10%; text-shadow: 2px 2px 2px #000;}
#section0 h1 img{ vertical-align: middle; width:70px; height:50px}
#section0 p{ font-size:2em; color:#ffffff; padding-left:10%; text-shadow: 2px 2px 2px #000;}
#section0 p img{ width:320px; height:145px}

#section11{ text-align:center}
#section11 img { padding:5px; width:110px; height:110px; transition:all 1s;}
#section11 img:hover{ opacity:0.5;}
#section11 .more{ display:block; margin:20px auto; color:#fff; font-size:1.4em; padding:20px; width:30%; text-decoration:none; transition:all 1s; text-shadow: 2px 2px 2px #000; }
#section11 .more:hover{ opacity:0.8; color:#ffcc00}
#section11 p{ color:#fff; text-shadow: 2px 2px 2px #000; font-size:1em;}

.g-plus{ display:block; max-width:320px;}

#section0{ background:url(../images/question.png) no-repeat center center;}
#section1{ background:url(../images/1.png) no-repeat center center;}
#section2{ background:url(../images/2.png) no-repeat center center;}
#section3{ background:url(../images/3.png) no-repeat center center;}
#section4{ background:url(../images/4.png) no-repeat center right;}
#section5{ background:url(../images/question.png) no-repeat center center;}
#section6{ background:url(../images/6.png) no-repeat center center;}
#section7{ background:url(../images/question.png) no-repeat center center;}
#section8{ background:url(../images/8.png) no-repeat center center;}
#section9{ background:url(../images/question.png) no-repeat center center;}
#section10{ background:url(../images/10.png) no-repeat center center;}
#section11{ background:url(../images/question.png) no-repeat center center;}

.gallery a{ color:#ccc; font-size:1.4em}

#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8,
#section9,
#section10,
#section11{
		background-size: cover;
	}

@media screen and (min-width: 320px) and (max-width: 414px) {
.icon{ width:50px; height:50px; float:left; margin-top:-8px; display:block;}
.text{ width:80%; margin:20px auto; padding:10px;}
#section1 h2, #section2 h2, #section3 h2, #section4 h2, #section5 h2, #section6 h2, #section7 h2, #section8 h2, #section9 h2, #section10 h2{ font-size:1.5em;}
#section1 p, #section2 p, #section3 p, #section4 p, #section5 p, #section6 p, #section7 p, #section8 p, #section9 p, #section10 p{ font-size:1em;}
#section0 h1{ font-size:1.6em; color:#fff; padding-left:5%;}
#section0 h1 img{ vertical-align: middle; width:35px; height:25px}
#section0 p{ font-size:1em; color:#fff; padding-left:5%;}
#section0 p img, #section5 p img, #section6 p img, #section7 p img, #section8 p img, #section9 p img{ width:188px; height:85px}
.gallery a{ font-size:1em}
#section11 img { width:50px; height:50px;}
#section11 .more{ font-size:1.2em; padding:20px; width:70%; }
#section11 p{ color:#fff; text-shadow: 2px 2px 2px #000; font-size:0.8em;}
	}