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

.blue_p{ color:#46B2E7; display:table}
.blue_p2{ color:#46B2E7;}
.yellow_p{ color:#ffcc00; display:table}
.yellow_p2{ color:#ffcc00;}
.orange_p{ color:#ff9c00;}
.topic{ width:auto; height:70px; display:block; float:left; margin-top:-100px}
.topic_l{ width:auto; height:65px; display:block; float:left; margin-top:-100px}
.topic_r{ width:auto; height:70px; display:block; float:right; margin-top:-50px}
.text{ width:30%; margin-left:70px; color:#000;}
.text_2{ width:45%; height:68%; margin-left:70px; color:#000; overflow:auto;}
.text_r{ width:46%; margin-left:45%; color:#000;}
.price{ width:20%; margin-left:69%; color:#000;}
.border{ background-color:rgba(0,0,0,0.7); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-shadow: 2px 2px 2px #000;}

#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:1.1em; font-weight: 550; line-height:1.7em; color:#46B2E7; margin-left:69%; margin-top:-320px;}
#section0 p img{ width:320px; height:145px}

#section1 h2, #section2 h2, #section3 h2, #section4 h2, #section5 h2{ font-size:2.4em;}
#section1 p, #section2 p, #section3 p, #section4 p, #section5 p{ font-size:1em; font-weight: 900; line-height:24px;}
#section5 p{ line-height:2em; text-align:center;}

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

#section0{ background:url(../images/00.jpg) no-repeat center center; background-size:contain;}
#section1{ background:url(../images/01.jpg) no-repeat center center; background-size:contain;}
#section2{ background:url(../images/02.jpg) no-repeat center center; background-size:contain;}
#section3{ background:url(../images/03.jpg) no-repeat left center; background-size:contain;}
#section4{ background:url(../images/04.jpg) no-repeat center center; background-size:contain;}


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

#section0,
#section1,
#section2,
#section3,
#section4,
#section5,


@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;}
	}