#gotop{
	position: fixed;
	bottom: 20px;
	left: calc( 50% + 350px);
	width: 120px;
	height:120px;
	background-image: url(../images/top.png);
    background-repeat: no-repeat;
    display: block;}
#gotop:hover{
	background-image: url(../images/top-over.png); }
#top{
 	background-color: #000;	
    width:100%;
    height: 50px;
    text-align: center;
	overflow: hidden;}
.title-logo {
	float: left;
	padding: 10px;}
.title-fb{
    float: right;
    padding: 0px 5px 0 0;
    margin: 20px;
    background-color: #fff;
    font-size: 12px;}
.title-fb>img {
	float: left;
    margin-right: 5px;}
.title-fb a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    padding: 0px 5px;
    line-height: 21px;}
img{
    border:0;
    vertical-align: bottom;}
iframe{
	border: 5px solid #b65a37;
    border-radius: 10px;
	vertical-align: bottom;
	width: 730px;
	height: 450px;}
body{
    margin:0;
    padding:0;		
    font-family:Microsoft JhengHei;}
body,td,th {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;}
a {
	font-style: normal;
	font-weight: normal;
    text-decoration: none;}
.w1000{
    width:1000px;
    margin: 0 auto;}
.w980{
    width:980px;
    margin: 0 auto;}
.clear{
	clear:both;
    float: none;	}
map area{
    outline: none;}
.style-Bottom{
    padding: 10px 0px;
    font-size: 12px;
    font-style: normal;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    color: #fff;
    background-color:#000;
    width: 100%;
    text-align: center;}
.a, .b, .c, .d, .e{
	top: 0;
	left: 0;
    padding: 0;
	text-align: center;
	margin: 0;
    display: block;
    background-color: #d3dcd7;	}
.a{
    background-image: url(https://www.cavesbooks.com.tw/Files/2017/cavesweb/PenguinRH/images/fullbg_01.jpg);
    background-repeat: no-repeat;
    background-position: top center;}
.a .w980{    
    height: auto;
    padding: 10px 30px 50px 30px; }
.des{
    color: #222;
    font-weight: bold;
    letter-spacing:0.1em;
    margin-bottom: 50px;
    text-align: left;
    width: 800px;
    margin: 0 auto 40px auto;}
.formbox{
    width: 900px;
    margin: 0 auto;}
table{
    width: 900px;
    border:none;
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 50PX;}
table tr{
    height:40px;
    vertical-align: middle;
    border-bottom: 2px solid rgb(129, 124, 124);}
.table_header{
    height:50px;
    background-color: #ffe3e3;   
    text-align: center; }
.sch_item{
    width: 100px;}
.sch_ttl{
    width: 350px;}
.sch_price{
    width: 120px;}
.sch_qty{
    width: 80px;}
.sch_amt{
    width: 150px;}
.class_FE{
    background-color: rgba(255,255,255,0.8);
    height: 35px;}
.class_FE:hover{
    background-color: rgba(255,255,255,1);
    color:#2a00e4;    }
.class_H{
    background-color: rgba(254, 255, 180, 0.8);
    height: 35px;    }
.class_H:hover{
    background-color: rgba(254, 255, 180,1);
    color:#2a00e4;    }
.class_I{
    background-color: rgba(189, 255, 222, 0.8);
    height: 35px;    }
.class_I:hover{
    background-color: rgba(189, 255, 222,1);
    color:#2a00e4;   }
.class_F{
    background-color: rgba(159, 220, 255, 0.8);
    height: 35px;    }
.class_F:hover{
    background-color: rgba(159, 220, 255,1);
    color:#2a00e4;    }
.class_S{
    background-color: rgba(255, 188, 143, 0.8);
    height: 35px;    }
.class_S:hover{
    background-color: rgba(255, 188, 143,1);
    color:#2a00e4;    }
.class_L{
    background-color: rgba(215, 228, 101, 0.8);
    height: 35px;    }
.class_L:hover{
    background-color: rgba(215, 228, 101,1);
    color:#2a00e4;    }
.class_A{
    background-color: rgba(168, 225, 252, 0.8);
    height: 35px;    }
.class_A:hover{
    background-color: rgba(168, 225, 252,1);
    color:#2a00e4;    }
.class_T{
    background-color: rgba(209, 169, 255, 0.8);
    height: 35px;    }
.class_T:hover{
    background-color: rgba(209, 169, 255,1);
    color:#2a00e4;    }
.class_TE{
    background-color: rgba(255, 164, 164, 0.8);
    height: 35px;    }
.class_TE:hover{
    background-color: rgba(255, 164, 164,1);
    color:#2a00e4;    }
.class_N{
    background-color: rgba(108, 184, 255, 0.8);
    height: 35px;    }
.class_N:hover{
    background-color: rgba(108, 184, 255,1);
    color:#2a00e4;    }
.class_D{
    background-color: rgba(137, 252, 137, 0.8);
    height: 35px;    }
.class_D:hover{
    background-color: rgba(137, 252, 137,1);
    color:#2a00e4;    }
.class_W{
    background-color: rgba(255, 110, 199, 0.8);
    height: 35px;    }
.class_W:hover{
    background-color: rgba(255, 110, 199, 1);
    color:#2a00e4;    }
.table_footer{
    height:50px;
    background-color: #ffe3e3;   
    border-bottom: 6px double rgb(255, 99, 99);
    font-weight: bolder;
    font-size: 1.2em; }
.scholasticForm th{
    text-align: center;}
.amount{
    background-color: rgba(255, 255, 255, 0);
    box-shadow: none;
    outline: none;
    border: none;
    width: 80px;
    font-size: 1em; }
.bookname{
    word-wrap:break-word;}
.dollar{
    width: 40px;
    text-align: right;}
.price{
    width:80px;
    text-align: left;}
.order_qty{
    border:none;
    text-align: center;
    outline: none;
    background-color:rgba(255,255,255,0.5);
    height: 24px;
    width: 80px;
    font-size: 1em;
    color: rgb(4, 0, 255);
    font-weight: bolder;
    box-shadow: inset 1px 1px 1px #444;}
.user_info{    
    border: 2px double #fff; 
    padding:20px 50px;
    width: 700px;
    margin: 0 auto;
    margin-bottom: 50px;
    color: white;
    text-align: left;}
.notice_tt{
    text-align: center;
    margin-bottom: -5px;}
.notice_text{
    margin-bottom: 10px;
    line-height: 35px;
    color: #444;
    font-size: 1.1em;
    font-weight:400;
    background-color: #d0c7ec;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.555);}
.notice_text img{
    margin-right: 5px;
    vertical-align: middle;}
.line_group{
    margin-bottom: 15px;}
.group{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    font-size: 1.1em;
    color: #000;
    font-weight: bold;}
.red{
    color: #678074;
    font-weight: bold;
    font-size: 1.2em;} 
.user_info .input_st{ 
    border: 1px solid #fff; 
    text-align: left;  
    margin: 0;
    padding: 5px 8px;
    font-size: 1.1em;
    color: #000;
    background-color:rgba(255,255,255,0.8);
    border-bottom: 1px solid #fff;
    width: 100%;
    width: calc( 100% - 16px);
    display: inline-block;
    outline: none;
    font-family:Microsoft JhengHei;}
.user_info select{
    width: 100%;    
    border: 1px solid #fff; 
    text-align: center;  
    margin: 0;
    padding: 5px 8px;
    font-size: 1.1em;
    color: #000;
    background-color:rgba(255,255,255,0.8);
    border-bottom: 1px solid #fff;
    display: inline-block;
    outline: none;
    font-family:Microsoft JhengHei;}
.small{
    font-size: 0.8em;}
.btn_reset,.btn_submit{
    height: 50px;
    width: 150px;
    font-size: 1.1em;
    font-family:Microsoft JhengHei;
    border-radius: 50px;
    background-color: #89ae9d;
    box-shadow: none;
    border: 1px solid #fff;
    color: #272727;
    outline: none;}
.btn_reset:hover,.btn_submit:hover{
    background-color: #b5cfc3;}
.btn_submit{
    margin-left: 15px;}
.logo{
    margin-top: 100px;}
.logo img{
    vertical-align: middle;
    margin: 0 10px;}

@media only screen and (max-width: 1000px) {

.a .w980{
    width: 940px;
    padding: 20px 0px;
    margin: 0px 20px;}
.ac-header {
    margin-bottom: 5px;}
.ac-header img{
    transform: scale(1.5);}
.des{
    margin-top: 50px;
    font-size:13px;}
.group{
    font-size: 1.5em;
    text-align: left;}
.user_info{    
    font-size: 0.9em;}
.notice_text{
    margin-bottom: 10px;
    line-height: 35px;
    color: #b5d0ff;
    font-size: 1em;
    font-weight:400;
    background-color: rgb(80, 80, 80);
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.555);}
    }
.btn_download{
    margin-bottom: 20px;}
.btn_download:hover{
    opacity: 0.8;}