@CHARSET "UTF-8";
a {
color: #333;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: #333;
text-decoration: none;
cursor: pointer;
}
label.valid {
width: 24px;
height: 24px;
background: url("../images/valid.png") center center no-repeat;
display: inline-block;
text-indent: -9999px;
}
label.error {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
div.main {
text-align:left;
margin: 0 auto;
width: 1000px;
font-family: 微軟正黑體;
font-size: 15px;
background-color: #EFEFEF;
padding-bottom:20px
}
div.main h2 {
background-color: #EFEFEF;
padding-left: 15px;
padding-top: 8px;
border-bottom: 2px solid #ddd;
margin: 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
color: #333333;
text-align:left;
margin-right: 25px;
}
h2.title {
margin-left:30px
background-color: #EFEFEF;
}
div.main_menu {
text-align: left;
background-color: #EFEFEF;
margin: 0 auto;
padding: 5px 5px 5px 5px;
width: 1000px;
display: inline-block;
}
div.cell {
font-family: 微軟正黑體;
color: #363636;
background-color: #FFF;
margin: 5px 7px 5px 3px;
padding-left: 3px;
width: 320px;
height: 250px;
vertical-align: middle;
display: inline-block;
position: relative;
float: left;
display: inline;
}
div.content_menu {
position: relative;
left: 25px;
top: 25px;
width: 250px;
}
div.content_menu:hover {
color: #e2007e;
}
div.content_menu div a:hover {
color: #e2007e;
font-weight: bold;
}
div.content_menu h2{
margin: 0em;
}
div.content_menu h3{
margin: 0em;
}
div.content_menu div{
margin-top: 25px;
}
div.typeA {
background-image: url("../images/1.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeB {
background-image: url("../images/2.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeC {
background-image: url("../images/3.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeD {
background-image: url("../images/4.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeE {
background-image: url("../images/5.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeF {
background-image: url("../images/6.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeG {
background-image: url("../images/7.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeH {
background-image: url("../images/8.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeI {
background-image: url("../images/9.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeJ {
background-image: url("../images/10.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeK {
background-image: url("../images/11.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeL {
background-image: url("../images/12.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeM {
background-image: url("../images/13.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeN {
background-image: url("../images/14.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeO {
background-image: url("../images/15.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeP {
background-image: url("../images/16.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeQ {
background-image: url("../images/17.png");
background-position: bottom right;
background-repeat: no-repeat;
}
div.typeR {
background-image: url("../images/18.gif");
background-position: bottom right;
background-repeat: no-repeat;
}
span.notice {
color: #f00;
}
div.column {
position: relative;
display: inline-block;
vertical-align: top;
}
div.content {
background-color: #EFEFEF;
display:inline-block;
text-align:left;
width: 1000px;
}
div.qaType {
width: 205px;
font-size: 15px;
height:20px;
float: left;
}
div.questions {
width: 793px;
border-right: 2px solid #EEE;
background-color: #FFF;
font-size: 15px;
float: left;
}
div.questions div{
letter-spacing: 1px;
width:780px;
}
div.answers {
left: 10px;
width: 330px;
padding-right: 35px;
background-position: top 5px left 360px;
background-repeat: no-repeat;
min-height: 500px;
margin-top: 5px;
float: left;
}
div.answers p {
font-size: 15px;
font-family: 微軟正黑體;
}
div.answers table{
border: 1px solid #333;
border-collapse: collapse;
text-align: center;
vertical-align: middle;
}
div.main ol{
list-style-type: none;
margin: 1px 0 9px 0px;
padding: 0;
}
div.qaType ol li{
background-color: #AAA;
color: #FFF;
line-height: 1.5em;
border-bottom: 1px solid #FFF;
padding-left: 10px;
cursor: pointer;
padding-bottom:7px;
padding-top: 7px;
}
div.qaType ol li:hover {
background-color: #8c8c8c;
}
div.questions ol li{
border-bottom: 1px dotted #AAA;
margin-bottom: 10px;
cursor: pointer;
margin-top: 3px;
}
div.questions ol li:hover {
color: #e2007e;
border-bottom: 1px dotted #e2007e;
}
div.main div.qaType ol li.qaTypeActivated {
background-color: #e2007e;
}
div.main div.questions ol li.questionActivated {
color: #e2007e;
}
div #contract p {
font-size: 15px;
}
div #sale_a p {
font-size: 15px;
}
div #sale_b p {
font-size: 15px;
}
div #sale_c p {
font-size: 15px;
}
div #sale_d p {
font-size: 15px;
}
div #collect_shop_a p {
font-size: 15px;
}
div #collect_shop_b p {
font-size: 15px;
}
div #koobe_function p {
font-size: 15px;
}
.span7 {
width: 530px;
}
#content h2 {
font-size: 23px;
padding-bottom: 15px;
width: 300px;
}
#sale:hover {
color: #e2007e;
}
.download:hover {
color: #e2007e;
}
.control-group button {
padding: 9px 14px;
cursor: pointer;
border-radius: 4px;
border: 1px solid #cccccc;
}
.control-group button:hover {
background-color: #e6e6e6;
}
.ques {
display:block;
width: 794px;
height: 20px;
}
.ques_tab {
display:block;
width: 205px;
height: 20px;
}