@charset "utf-8";
/* CSS Document */
.pc{ display: none; }
.mobile{ display: none; }

.content *{ font-size: 16px; margin: 0; padding: 0; outline: none; font-family:"微軟正黑體"; }
	.content img{ border: 0px;  }
	.content a{ text-decoration: none; }

.breadcrumb{ background-color: #FFF; }
	.breadcrumb ul{ max-width: 976px; margin: 0 auto; padding: 0 2px 0 2px; position: relative; background-color: #FFF; }
	.breadcrumb li{ list-style: none; display: inline-block; box-sizing: border-box; overflow: hidden; margin-right: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 0.6em; color: #404040; }
	.breadcrumb li::before{ content: ""; padding-right: 1.4em; background: url(../images/icn-arrow-darkgrey-right.png) no-repeat; background-position: 0 50%; }
	.breadcrumb li a{ color: #404040; }

.tabArea{ width: 100%; text-align: center;  background-color:#fff; padding-top: 60px; font-weight: bold; padding-bottom: 30px;}
	.tabArea b{ font-size: 1cm; text-align: center; display: block; }
	.tabArea a{ color:#01a0c7;}
	.tabArea ul{ margin-top: 30px;}
	.tabArea span{ text-decoration: underline; font-size: 1.2em; }
.gogotop{cursor: pointer;}

body{ background: #e3e3e3 url(../images/bg-overall-shadow-dark.gif) repeat-y center top; }
.pc{ display: block; background-color: #FFF; }

@media screen and (min-width: 641px){
	.tabArea ul li{ display: inline; text-align: center; margin-right: 20px;}
.CSRtitle{ background-color:#434343; color:#FFF; font-size: 2.5em; padding-top:10px; padding-bottom:10px; text-align: center; }
.CSRdetail{margin-left:5em ; margin-top: 30px; width: 800px;}
	.CSRdetail dl{color:#69bfd8; text-align:left; font-weight: bold; font-size: large; margin-top: 30px;}
	.CSRdetail dl dt{ float: left; }
	.CSRdetail dl dd a{color:#69bfd8; text-align:left; font-weight: bold; font-size: large; margin-left: 60px;}
	.CSRdetail dl dd img{margin-left: 10px; height: 15px; width:15px;}
	.CSRdetail dl:hover{opacity: 0.7;}
.gogotop img{float: right; margin-right:100px; margin-top: 30px; margin-bottom: 30px; height: 30px;}
.CSRAA{border-width:3px; border:solid; border-color:#eb6877; width: 800px; height: auto; margin-top: 30px;}
	.CSRAA ul{padding-left: 30px; padding-top: 20px; padding-bottom: 20px; letter-spacing:3px; font-weight: bold; line-height: 30px;}
	.CSRAA li::before{ content: "·"; }
.CSRAArea{background-color:#eb6877; color: #fff; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; letter-spacing:3px; font-size: large;}
.CSRBB{border-width:3px; border:solid; border-color:#ebaf68; width: 800px; height: auto; margin-top: 30px;}
	.CSRBB ul{padding-left: 30px; padding-top: 20px; padding-bottom: 20px; letter-spacing:3px; font-weight: bold; line-height: 30px;}
.CSRBArea{background-color:#ebaf68; color: #fff; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; letter-spacing:3px; font-size: large;}
.CSRCC{border-width:3px; border:solid; border-color:#62d171; width: 800px; height: auto; margin-top: 30px;}
	.CSRCC ul{padding-left: 30px; padding-top: 20px; padding-bottom: 20px; letter-spacing:3px; font-weight: bold; line-height: 30px;}
	.CSRCC li::before{ content: "·"; }
.CSRCArea{background-color:#62d171; color: #fff; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; letter-spacing:3px; font-size: large;}
.CSRBuAr{ width: 800px; }
.CSRBuAre{width: 800px; }
.CSRBLUEL{background-color:#556bca;color: #fff; font-size: large; font-weight: bold;   padding-left: 30px;  float: left; width: 360px; height: 60px;  line-height: 60px; margin-top: 40px;}
.CSRBLUER{background-color:#556bca;color: #fff; font-size: large; font-weight: bold;   padding-left: 30px;  float: left; width: 360px; height: 60px;  margin-left: 20px; line-height: 60px; margin-top: 40px;}
.CSRBuAr img{margin-left: 80px;}
.CSRBuAre img{margin-left: 130px;}
}

@media screen and (min-width: 1025px){
.CSRdetail{margin-left:11em ;}
.CSRBuAre img{margin-left: 130px;}
.CSRBuAr img{margin-left: 80px;}
.CSRBLUER:hover{opacity: 0.7;}
.CSRBLUEL:hover{opacity: 0.7;}
}

@media screen and (max-width: 640px) {
.breadcrumb{display: none;}
.tabArea ul{display: inline-block; width: 200px; }
.tabArea ul li{   text-align: left; line-height: 30px; letter-spacing:3px; }
.CSRtitle{ background-color:#434343; color:#FFF; font-size: 1.5em; padding-top:10px; padding-bottom:10px; text-align: center; }
.CSRdetail{ width: 100%}
	.CSRdetail dl{color:#69bfd8; font-weight: bold; font-size: medium; margin-top: 30px; margin-left: 5px;}
	.CSRdetail dl dt{ float: left; padding-top: 5px;}
	.CSRdetail dl dd{ margin-left: 100px; letter-spacing:1px; line-height: 25px;}
	.CSRdetail dl dd a{ display: inline-block;  color:#69bfd8; }
	.CSRdetail dl dd img{margin-left: 5px; height: 13px; width:13px;}
.gogotop img{float: right; margin-right:20px; margin-top: 30px; margin-bottom: 30px; height: 30px;}
.CSRAA{border-width:1px; border:solid; border-color:#eb6877; margin: 0 auto; height: auto; margin-top: 10px; width: 96%; font-weight: bold;line-height: 30px;}
	.CSRAA ul{padding-left: 10px; padding-top: 20px; padding-bottom: 20px; letter-spacing:1px;  line-height: 30px;}
	.CSRAA li::before{ content: "· "; }
.CSRAArea{background-color:#eb6877; color: #fff; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; letter-spacing:1px; font-size: large;}
.CSRBB{border-width:1px; border:solid; border-color:#ebaf68; margin: 0 auto; height: auto; margin-top: 10px; width: 96%; font-weight: bold;line-height: 30px;}
	.CSRBB ul{padding-left: 10px; padding-top: 20px; padding-bottom: 20px; letter-spacing:1px;  line-height: 30px;}
.CSRBArea{background-color:#ebaf68; color: #fff; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; letter-spacing:3px; font-size: large;}
.CSRCC{border-width:1px; border:solid; border-color:#62d171; margin: 0 auto; height: auto; margin-top: 10px; width: 96%; font-weight: bold;line-height: 30px;}
	.CSRCC ul{padding-left: 10px; padding-top: 20px; padding-bottom: 20px; letter-spacing:1px;  line-height: 30px;}
	.CSRCC li::before{ content: "· "; }
.CSRCArea{background-color:#62d171; color: #fff; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; letter-spacing:3px; font-size: large;}
.CSRBuAr{ width: 97%; }
.CSRBuAre img{margin-left: 80px;}
.CSRBuAr img{margin-left: 15px;}
.CSRBLUEL{background-color:#556bca;color: #fff; font-size: large; font-weight: bold;   padding-left: 10px;  float: left; width: 96%; height: 60px;  line-height: 60px; margin-top: 10px; margin-left: 5px;}
.CSRBLUER{background-color:#556bca;color: #fff; font-size: large; font-weight: bold;   padding-left: 10px;  float: left; width: 96%; height: 60px;  line-height: 60px; margin-top: 10px; margin-left: 5px;}


}

@media screen and (max-width: 375px){
	
}

@media screen and (max-width: 320px){
	
}

.csrCb{ clear: both; }