@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
* {/*font-family: "Lato", "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體"; */-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a:focus {outline: none; text-decoration: none;}
body{margin: 0; padding: 0; background: url(../img/bg.jpg) center center; background-attachment: fixed; background-size: cover;}
ul, li {list-style: none; margin: 0; padding: 0;}
a, a:hover {text-decoration: none;}
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html[lang=zh-TW] body{font-family:"Lato","Lucida Grande","Helvetica Neue",MyNormalFont,"STHeitiTC","Microsoft JhengHei","Microsoft YaHei New","Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif}

/** HEADER **/
.header{margin: 0px; padding: 0px; text-align:center; position: fixed; z-index: 9999; left:0; top:0; width:100%; height: 70px; background-color: #FFF; border-top: 4px solid #e3007f; box-shadow: 0px 2px 15px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.3); }
.main {width: 100%; display: table; margin-top: 70px;}
.main .page_1, .main .page_2  {margin-top: 50px;}
.main .page_1 > h2, .main .page_2 > h2  {color: #e3007f;}
.main .page_1 > h4, .main .page_2 > h4  {color: #FFF;font-weight: 300;letter-spacing: 1px;line-height: 1.5;}
.main .page_1 ul li {margin-bottom: 15px;}
.main .page_1 ul li input {color: #3E3A39;}
.main .page_1 .search_btn button.btn-primary,.main .page_2 .search_btn button.btn-primary {background-color: #e3007f; border-color: #e3007f;transition: all 0.3s;cursor: pointer;color: #fff;letter-spacing: 15px;text-align: center;font-size: 15px;}
.main .page_1 .search_btn button.btn-primary:hover,.main .page_2 .search_btn button.btn-primary:hover {background-color: #CC0066; border-color: #CC0066;}

.main .page_2 .panel-group {height: 300px; overflow-y: scroll;}
.main .page_2 .panel-title {text-align: right;}

.main .page_2 .panel-title a {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;color: #CC0066;cursor: pointer;}
.main .page_2 .panel-title a.collapsed:before {content: ""; font-size: 13px;}
.main .page_2 .panel-title a.collapsed:after {content: '細節';}
.main .page_2 .panel-title a:before {content: ""; font-size: 13px;}
.main .page_2 .panel-title a:after {content: '細節';}

.list_title ul li {float: left; color: #3E3A39;}
.list_title ul li.list_info {color: #CC0066;}

.contact_info {width: 100%; display: table; margin: 100px auto 0; padding: 45px 0; background-color: #FFF;}
.contact_info ul {text-align: center;}
.contact_info ul li {color: #595757; margin: 5px 0;}
.contact_info ul li h2 {color: #FFCA05; margin: 0;}

.footer {background-color: #e3007f; width: 100%; min-height: 80px; line-height: 80px;}
.footer ul {display: table; margin: 0 auto; padding: 25px 0;}
.footer ul li {color: #FFF; float: left; padding: 0 30px; line-height: 30px;}
.footer ul li img {margin-right: 5px;}

/*customize bootstrap*/
.btn{border-radius: 30px;}
.btn-primary{background-color: #e3007f; border-color: #e3007f;transition: all 0.3s;cursor: pointer;color: #fff;text-align: center;font-size: 15px;}
.btn-primary:hover{background-color: #CC0066; border-color: #CC0066;}
.panel-default > .panel-heading{background-color: rgba(0,0,0,0.02);}
/*placeholder color*/
textarea.form-control::placeholder{letter-spacing: 1px;}