@charset "utf-8";

/**共用版型**/
#container{	    
	/*float:left;*/
	position:relative;    
}

#main{
	width:100%;
	max-width:960px;
	display:block;
    margin: auto;
}
#main section{margin-bottom: 25px;}
#main h1,#main h2{font-weight: bold; font-size: 1.8em; border-left: 5px solid #9f9fa0; padding-left: 8px;}

#main a{color: #0024ed;}

#container-r2{display: none;}
/**banner**/
#p-nav{padding: 10px 0; background: #dcdcdd; display: flex; justify-content: center;}
#p-nav li{float: left; height: 45px; line-height: 42px; padding: 0 15px; margin-right: 2px; background: #00a29a; color: #fff; font-size: 1.1em; border:3px solid rgba(46, 46, 46, 0.45); box-sizing: border-box; border-radius: 3px;}
#p-nav a:last-child li{background: #26a9fc; font-size: 1.35em; line-height: 40px; font-weight: bold;}

/**about**/
#p-about{padding: 0 60px}
#p-about h1{margin-bottom: 20px;}
#p-about p{padding: 0 10px; font-size: 1.3em; line-height: 1.8em; text-align: justify; letter-spacing: 1px}
#p-about em{font-weight: bold;}

/**p-list**/
#p-list h2{margin:0 0 20px 60px;}
#p-list>.row{padding: 10px 0;}
#p-list .q_btn{cursor: pointer;}
/*奇數列表*/
#p-list>.row:nth-child(even){background: #eeefef;}
#p-list .box_img{display: flex; justify-content: space-around; width: calc(100% - 320px); align-items: center; box-sizing: border-box; float: left;}
#p-list .box_img img{border: 1px solid #d6cece; border-radius: 10px;}
#p-list .box_img img:first-child{max-width: 230px;}
#p-list .box_img img{max-width: 180px;}
#p-list .box_content{width: 300px; margin: 0 5px 0 15px; float: left;}
#p-list .p_title{letter-spacing: 2px; border-bottom: 1px solid #bfbfbf; padding-bottom: 2px;}
#p-list .p_title h3{font-size: 1.3em; font-weight: bolder; margin-top: 10px; color:#887b7b;}
#p-list .p_title p{  font-size: 1.1em; color: #796f6c;}
#p-list .box_content>.p_content{font-size: .9em; padding: 5px 0; color: #6a6a6a; display: block; height:129px; overflow: hidden; }
#p-list .qpq .content{float: left; color: #ff6200}
#p-list .qpq span{float: right; margin-right: 10px; padding: 5px 0;}
/*偶數列表*/
#p-list>.row:nth-child(odd) .p_title h3{color:#726969;}
#p-list>.row:nth-child(odd) .p_title p, #p-list>.row:nth-child(odd) .p_content{color:#221814;}
#p-list>.row:nth-child(odd) .qpq .content{color:#e50011;}

#page_n{display: flex; justify-content:center; padding-bottom: 12px; border-bottom: 1px solid #9b9494;}
#page_n a{color: #717171; margin-right: 1.35em; font-size: 1.35em;}
#page_n a:first-child, #page_n a:last-child{font-size: 1.5em;}
#page_n a:last-child{margin: 0;}
#page_n a:hover{color: #62a3db;}

/**注意事項**/
#warn{padding: 0 50px}
#warn h2{margin-bottom: 15px;}
#warn p{font-size: 1.2em; line-height: 2.1em; letter-spacing: 1px; color: #221814;}

/***form_box***/

.contact .row{ display:flex; width:100%; border:thin solid #ccc; border-top:none;}
.contact > .row{ background: #d8f1ff; border-top:thin solid #ccc;}
.contact .more-info{ display:none;}
.contact .more-info .row{ display:flex; width:100%; background:#f5f5f5; border:thin solid #ccc; border-top:none;}

.contact .row:nth-child(5){ position:relative; }
.info{ width:calc(100% - 35px); background:rgba(255,255,255,0.7); padding:0; border-left:thin solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; position:relative;}
.contact .row:nth-child(6) .info{ padding:1em 10px;}
.tab-total_inquiry .contact .text{box-sizing: border-box; -moz-box-sizing: border-box; height:2em;}
.tab-total_inquiry .contact .tab-l textarea{ width:100%; height:5em;}
.m_l3{ margin-left:3em;}
input[type="radio"] + label { margin-right:1em;}
.copy-order{ position:absolute; right:10px; top:0;}
.copy-order input{ display:block; margin-right:10px; margin-top:8px; width:18px; height:18px; float:left;}
.copy-order label{font-size: 1.15em; color: #1966FF; font-weight: bold;}
.tab-total_inquiry .contact .tab-l{ width:405px; float: left; clear: right; padding: 5px 0px; margin-left: 5px; text-align: left; vertical-align: middle;}


#form_box{position: absolute; top:10%; padding: 0; max-width:960px; width: 100%; display: none;}
#form_box .contact{margin: 0; width: 100%; position: relative; z-index: 99999999;}
#form_box .c_box{display: block; position: fixed; content: ""; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.69); z-index: 0;}
#form_box .contact .title{background: #f08529; padding: 0; line-height: 32px; height: 32px;}
#form_box .x_btn{box-sizing: border-box; border: 1px solid #919191; border-radius: 5px; display: block; margin:2px 2px 0 0; width: 28px; height: 28px; padding: 3px; background: rgba(255, 255, 255, 0.24);}
#form_box .item_list>div:last-child{margin-top: 0 !important;}
#q_list .q_btn{display: none;}
/***q_list***/
#q_list{position: relative; z-index: 9; background: #efefef;}
#q_list h2{margin:0 0 20px 60px;}
#q_list>.row{padding: 10px 0;}
#q_list .q_btn{cursor: pointer;}
/*奇數列表*/
#q_list>.row:nth-child(even){background: #eeefef;}
#q_list .box_img{display: flex; justify-content: space-around; width: calc(100% - 320px); align-items: center; box-sizing: border-box; float: left;}
#q_list .box_img img{border: 1px solid #d6cece; border-radius: 10px; display: none !important;}
#q_list .box_img img:first-child{max-width: 230px; display: block !important; width: 100%;}
#q_list .box_img img{max-width: 180px;}

@media only screen and (max-width: 960px){
    #p-about{padding: 0 5px; line-height: 1.6em;}
    #p-list .box_img{display: block; width: 30%; box-sizing: border-box; padding-left: 5px;}
    #p-list .box_img img{width: 50%; width:calc(50% - 5px); float: left; box-sizing: border-box; margin: 3px 2.5px;}
    #p-list .box_img img:first-child{width: 100%; max-width: inherit; margin: 0;}
    #p-list .box_content{width: 70%; box-sizing: border-box; margin: 0; padding: 0 15px; font-size: 1.3em;}
    #p-list .box_content>.p_content{height:auto; overflow:none; padding: 10px 0;}
    #form_box .item_list>div:last-child{font-size: .8em !important;}
}
@media only screen and (max-width: 520px){#p-list .qpq span{width: 100%; margin-top:10px }}